LUXURY RIDE \u2022 Book \u2192 Voucher \u2192 WhatsApp<\/title>\n<script src=\"https:\/\/unpkg.com\/maplibre-gl@4.7.1\/dist\/maplibre-gl.js\"><\/script><link href=\"https:\/\/unpkg.com\/maplibre-gl@4.7.1\/dist\/maplibre-gl.css\" rel=\"stylesheet\">\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght,FRAUN,wght@9..144,300;9..144,700&family=Inter:wght@400;600;800&display=swap');\n*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#000}body{display:flex;justify-content:center;font-family:Inter;background:#000}\n#app{width:100%;max-width:430px;height:100dvh;position:relative;background:#08080a;overflow:hidden;border-left:1px solid #ffffff14;border-right:1px solid #ffffff14;color:#f5f1eb}\n:root{--p:#E8A85C;--line:#ffffff14;--text:#f5f1eb;--muted:#9a9590}\n.header{position:absolute;top:0;left:0;right:0;z-index:50;height:64px;padding:0 16px;display:flex;justify-content:space-between;align-items:center;background:rgba(8,8,10,.98);border-bottom:1px solid var(--line)}\n.tabs{position:absolute;bottom:0;left:0;right:0;z-index:50;height:72px;background:rgba(12,12,14,.98);border-top:1px solid var(--line);display:flex;justify-content:space-around;padding-top:12px}\n.tabs button{border:0;background:transparent;color:var(--muted);font-size:10px;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;cursor:pointer}\n.tabs button.active{color:var(--p)}\n#map{position:absolute;top:64px;left:0;right:0;bottom:72px;z-index:0}\n.tools{position:absolute;right:12px;top:45%;z-index:20;display:flex;flex-direction:column;gap:10px}\n.tools button{width:48px;height:48px;border-radius:14px;background:rgba(20,20,22,.9);border:1px solid var(--line);color:#fff;display:grid;place-items:center;cursor:pointer}\n.sheet{position:absolute;left:12px;right:12px;bottom:80px;z-index:25;background:rgba(28,28,30,.98);border:1px solid #ffffff14;border-radius:28px;max-height:66vh;display:flex;flex-direction:column;overflow:hidden;transition:transform.35s}\n.sheet.collapsed{transform:translateY(calc(100% - 108px))}\n.handle{width:40px;height:5px;background:#ffffff30;border-radius:999px;margin:12px auto}\n.page{display:none;overflow:auto;flex:1;padding:8px 0}.page.active{display:block}\n.card{background:rgba(22,22,24,.92);border:1px solid var(--line);border-radius:20px;padding:18px;margin:12px}\n.label{font-size:10px;letter-spacing:.18em;color:var(--p);font-weight:800;margin-bottom:10px;display:block}\n.field{display:flex;align-items:center;gap:12px;background:rgba(0,0,0,.4);border:1px solid var(--line);border-radius:16px;padding:14px 16px;margin:8px 0;min-height:52px}\n.field input{flex:1;background:transparent;border:0;color:#fff;font-weight:600;outline:none}\n.chip{padding:10px 16px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:13px;margin:4px;cursor:pointer;display:inline-flex}\n.chip.active{background:var(--p);color:#000;border-color:var(--p)}\n.btn{border:0;border-radius:16px;padding:16px;font-weight:800;width:100%;display:flex;justify-content:center;gap:8px;cursor:pointer;min-height:52px}\n.btn-p{background:linear-gradient(180deg,#E8A85C,#D49A4A);color:#000}.btn-g{background:rgba(255,255,255,.08);border:1px solid var(--line);color:#fff}\n.voucher{background:linear-gradient(180deg,#141414,#08080a);border:1px solid #E8A85C44;border-radius:22px;padding:20px;margin:12px;position:relative}\n.qr{width:80px;height:80px;background:#fff;color:#000;border-radius:12px;display:grid;place-items:center;font-weight:900;font-size:28px;margin:10px auto;border:3px solid var(--p)}\n#toast{position:fixed;bottom:88px;left:50%;transform:translateX(-50%);background:#000;color:#fff;padding:12px 18px;border-radius:999px;display:none;z-index:99;font-weight:700;font-size:12px;border:1px solid #ffffff20}\n<\/style><\/head><body>\n<div id=\"app\">\n<div id=\"map\"><\/div>\n<div class=\"tools\"><button id=\"btnLocate\">\u25ce<\/button><button id=\"btnFull\">\u26f6<\/button><\/div>\n<div class=\"header\"><div style=\"display:flex;gap:10px;align-items:center\"><div style=\"width:32px;height:32px;border-radius:50%;border:1px solid var(--p);display:grid;place-items:center;color:var(--p);font-weight:900\">T<\/div><div><div style=\"font-family:Fraunces;font-size:11px;letter-spacing:.18em;color:var(--p)\">LUXURY RIDE \u2022 CLIENT GOLD<\/div><div style=\"font-size:10px;color:var(--muted)\">8 PAX MAX \u2022 15-30 min wait<\/div><\/div><\/div><div style=\"font-size:9px;border:1px solid var(--p);padding:6px 10px;border-radius:999px;color:var(--p)\">EST 2026<\/div><\/div>\n\n<div class=\"sheet\" id=\"sheet\"><div class=\"handle\" id=\"handle\"><\/div>\n<div class=\"page active\" id=\"pBook\">\n<div class=\"card\">\n<span class=\"label\">BOOK A RIDE \u2022 TAP MAP<\/span>\n<div class=\"field\"><input id=\"name\" placeholder=\"\ud83d\udc64 Your name \u2014 e.g. Jordan Patel\"><\/div>\n<div class=\"field\"><input id=\"pickup\" placeholder=\"\ud83d\udccd Pickup \u2014 tap map\" readonly><\/div>\n<div class=\"field\"><input id=\"dropoff\" placeholder=\"\ud83d\udccd Dropoff \u2014 tap map\" readonly><\/div>\n<div style=\"margin-top:12px\"><span class=\"label\">SERVICE<\/span><span class=\"chip active\" data-cat=\"taxi\">Taxi $25 + $2.5\/km<\/span><span class=\"chip\" data-cat=\"circle\">Circle $100\/h min 4h $400 ONLY<\/span><\/div>\n<div id=\"etaBox\" style=\"display:none\" class=\"card\"><div id=\"etaText\" style=\"font-weight:800;color:var(--p)\">\u2014<\/div><div id=\"etaSub\" style=\"font-size:12px;color:var(--muted);margin-top:4px\">\u2014<\/div><\/div>\n<div style=\"display:flex;gap:10px;margin-top:14px\"><button class=\"btn btn-g\" id=\"btnNow\">NOW 15-30 MIN<\/button><button class=\"btn btn-p\" id=\"btnLater\">LATER + ICS GCAL<\/button><\/div>\n<\/div>\n<\/div>\n<div class=\"page\" id=\"pVoucher\"><div id=\"voucherContainer\"><div class=\"card\" style=\"text-align:center;color:var(--muted)\">No voucher yet \u2014 book a ride first<\/div><\/div><div class=\"card\"><span class=\"label\">HISTORY<\/span><div id=\"historyList\" style=\"font-size:11px;color:var(--muted)\"><\/div><\/div><\/div>\n<\/div>\n\n<div class=\"tabs\"><button class=\"active\" data-page=\"pBook\">\u25ce BOOK RIDE<\/button><button data-page=\"pVoucher\">\u25c8 VOUCHER CARD<\/button><\/div>\n<\/div>\n<div id=\"toast\"><\/div>\n<script>\nconst WA_NUMBER=\"68989660003\";const WA_BASE=\"https:\/\/wa.me\/\"+WA_NUMBER;\nconst map=new maplibregl.Map({container:'map',style:\"https:\/\/tiles.openfreemap.org\/styles\/liberty\",center:[-149.4068,-17.65],zoom:11,attributionControl:false});\nlet cat=\"taxi\",pickupLL=null,dropoffLL=null,pickupShort=\"\",dropoffShort=\"\",timing=\"now\",fare=400;\nlet trips=JSON.parse(localStorage.getItem(\"tahiti_vouchers\")||\"[]\");\nlet pickM=null,dropM=null;\nfunction toast(m){const t=document.getElementById('toast');t.textContent=m;t.style.display='block';setTimeout(()=>t.style.display='none',3500);}\nfunction shortAddr(s){return s?s.split(',').slice(0,2).join(', ').slice(0,45):\"Tahiti\";}\nasync function reverse(lng,lat){try{const r=await fetch(`https:\/\/nominatim.openstreetmap.org\/reverse?format=jsonv2&lon=${lng}&lat=${lat}`);const j=await r.json();return j.display_name||`${lat.toFixed(4)}, ${lng.toFixed(4)}`;}catch{return `${lat.toFixed(4)}, ${lng.toFixed(4)}`;}}\nfunction switchTab(id){document.querySelectorAll('.page').forEach(p=>p.classList.remove('active'));document.getElementById(id).classList.add('active');document.querySelectorAll('.tabs button').forEach(b=>b.classList.remove('active'));const sel=document.querySelector(`[data-page=\"${id}\"]`);if(sel)sel.classList.add('active');document.getElementById('sheet').classList.remove('collapsed');map.resize();}\ndocument.querySelectorAll('.tabs button').forEach(b=>b.onclick=()=>switchTab(b.dataset.page));\ndocument.getElementById('handle').onclick=()=>document.getElementById('sheet').classList.toggle('collapsed');\ndocument.getElementById('btnFull').onclick=()=>{document.getElementById('sheet').classList.toggle('collapsed');map.resize();};\ndocument.getElementById('btnLocate').onclick=()=>{navigator.geolocation.getCurrentPosition(async p=>{const ll=[p.coords.longitude,p.coords.latitude];map.flyTo({center:ll,zoom:13});const a=await reverse(ll[0],ll[1]);setPickup(ll,shortAddr(a));});};\ndocument.querySelectorAll('[data-cat]').forEach(c=>c.onclick=()=>{document.querySelectorAll('[data-cat]').forEach(x=>x.classList.remove('active'));c.classList.add('active');cat=c.dataset.cat;updateFare();});\nfunction setPickup(ll,s){pickupLL=ll;pickupShort=s;if(pickM)pickM.remove();pickM=new maplibregl.Marker({color:\"#E8A85C\"}).setLngLat(ll).addTo(map);document.getElementById('pickup').value=s;updateFare();}\nfunction setDropoff(ll,s){dropoffLL=ll;dropoffShort=s;if(dropM)dropM.remove();dropM=new maplibregl.Marker({color:\"#fff\"}).setLngLat(ll).addTo(map);document.getElementById('dropoff').value=s;updateFare();}\nasync function updateFare(){if(!pickupLL||!dropoffLL)return;const box=document.getElementById('etaBox');box.style.display='block';document.getElementById('etaText').textContent='Calculating...';try{const url=`https:\/\/router.project-osrm.org\/route\/v1\/driving\/${pickupLL[0]},${pickupLL[1]};${dropoffLL[0]},${dropoffLL[1]}?overview=false`;const r=await fetch(url);const j=await r.json();if(j.routes&&j.routes[0]){const dist=j.routes[0].distance\/1000;const dur=j.routes[0].duration\/60;fare=cat==='circle'?400:Math.max(25,25+2.5*dist);if(cat==='circle')fare=Math.max(fare,400);fare=Math.round(fare);document.getElementById('etaText').textContent=`${Math.round(dur)} MIN \u2022 ${dist.toFixed(1)} KM`;document.getElementById('etaSub').textContent=cat==='circle'?`CIRCLE ONLY $100\/H MIN 4H TOTAL $${fare} \u2022 8 PAX MAX`:`TAXI $${fare} \u2022 15-30 MIN WAIT IF NOW \u2022 8 PAX MAX`;return;}}catch(e){}fare=cat==='circle'?400:45;document.getElementById('etaText').textContent=cat==='circle'?`CIRCLE $100\/H ONLY MIN 4H`:`TAXI \u2022 ESTIMATED`;document.getElementById('etaSub').textContent=`FARE $${fare} \u2022 8 PAX MAX \u2022 Map offline fallback \u2014 still works for voucher`;}\nmap.on('click',async e=>{const ll=[e.lngLat.lng,e.lngLat.lat];const a=await reverse(ll[0],ll[1]);const s=shortAddr(a);if(!pickupLL)setPickup(ll,s);else if(!dropoffLL)setDropoff(ll,s);else{pickupLL=null;dropoffLL=null;if(pickM)pickM.remove();if(dropM)dropM.remove();setPickup(ll,s);}});\ndocument.getElementById('btnNow').onclick=()=>{timing='now';createVoucher();};document.getElementById('btnLater').onclick=()=>{timing='later';createVoucher();};\nfunction createVoucher(){if(!pickupLL||!dropoffLL){toast(\"Tap map: first pickup then dropoff\");return;}const name=document.getElementById('name').value||\"Guest\";const id=Date.now();const vNo='LUX-'+Math.floor(100000+Math.random()*900000);const d={id,vNo,profile:name,pickup:pickupShort,dropoff:dropoffShort,pickupLL,dropoffLL,fare,cat,timing,eta:document.getElementById('etaText').textContent};trips.push(d);localStorage.setItem(\"tahiti_vouchers\",JSON.stringify(trips));renderVoucher(d);switchTab('pVoucher');renderHistory();toast(\"Voucher Card Generated \u2713\");}\nfunction renderVoucher(d){const html=`<div class=\"voucher\">\n<div style=\"display:flex;justify-content:space-between\"><span style=\"font-size:9px;letter-spacing:.18em;color:var(--p)\">PREMIUM \u2022 BLACK GOLD<\/span><span style=\"font-size:9px;opacity:.6\">VOUCHER #${d.vNo}<\/span><\/div>\n<div style=\"text-align:center;margin:14px 0\"><div style=\"font-family:Fraunces;font-size:10px;letter-spacing:.18em;color:var(--p)\">VOUCHER<\/div><div style=\"font-family:Fraunces;font-size:22px;font-weight:700\">#${d.vNo}<\/div><\/div>\n<div style=\"height:1px;background:linear-gradient(90deg,transparent,var(--p),transparent);margin:12px 0\"><\/div>\n<div style=\"font-size:10px;letter-spacing:.14em;color:var(--p)\">TRIP DETAILS<\/div>\n<div style=\"margin-top:8px;line-height:1.4\"><div style=\"font-weight:700\">\ud83d\udccd ${d.pickup}<\/div><div style=\"font-size:11px;color:var(--muted)\">Pickup<\/div><div style=\"margin:10px 0;text-align:center\">\u2708 \u2193<\/div><div style=\"font-weight:700\">\ud83d\udccd ${d.dropoff}<\/div><div style=\"font-size:11px;color:var(--muted)\">Dropoff \u2022 ${d.eta||''}<\/div><\/div>\n<div style=\"display:flex;gap:10px;margin-top:14px;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:14px;padding:12px\"><div><div style=\"font-size:9px;color:var(--p)\">FARE<\/div><div style=\"font-family:Fraunces;font-size:18px;font-weight:700;color:var(--p)\">$${d.fare}<\/div><div style=\"font-size:9px;color:var(--muted)\">${d.cat==='circle'?'$100\/h ONLY min4h $400':''}<\/div><\/div><div style=\"margin-left:auto;text-align:right\"><div style=\"font-size:9px;color:var(--p)\">PASSENGERS<\/div><div style=\"font-weight:700\">8 PAX MAX<\/div><div style=\"font-size:9px;color:var(--muted)\">${d.timing==='now'?'NOW 15-30 MIN WAIT':'LATER SCHEDULED'}<\/div><\/div><\/div>\n<div style=\"margin-top:12px\"><div style=\"font-size:9px;color:var(--p)\">DRIVER<\/div><div style=\"font-size:12px;margin-top:4px\"><b>Teva<\/b> \u2022 Mercedes-Maybach S-Class \u2022 Black \u2022 5.0\u2605 \u2022 License PL-8842-TH<\/div><\/div>\n<div style=\"margin-top:12px;text-align:center\"><div style=\"font-size:9px;color:var(--p)\">PROFILE<\/div><div style=\"font-weight:700;margin-top:2px\">${d.profile}<\/div><div class=\"qr\">QR<\/div><div style=\"font-size:9px;color:var(--p)\">Scan for Driver & Pickup \u2022 ${d.vNo}<\/div><\/div>\n<div style=\"height:1px;background:linear-gradient(90deg,transparent,rgba(232,168,92,.3),transparent);margin:12px 0\"><\/div>\n<div style=\"font-size:9px;color:var(--muted);text-align:center\">Valid until 15:30 \u2022 Non-refundable \u2022 WA${d.id.toString().slice(-4)}<\/div>\n<div style=\"display:flex;gap:10px;margin-top:14px\"><button class=\"btn btn-g\" onclick=\"declineVoucher(${d.id})\">Decline<\/button><button class=\"btn btn-p\" onclick=\"acceptVoucher(${d.id})\">Accept \u2192 WhatsApp<\/button><\/div>\n<button class=\"btn btn-g\" style=\"margin-top:10px;font-size:11px\" onclick=\"downloadICS(${d.id})\">\ud83d\udcc5 ADD TO GOOGLE CALENDAR + Maps<\/button>\n<\/div>`;document.getElementById('voucherContainer').innerHTML=html;}\nfunction renderHistory(){const h=document.getElementById('historyList');if(!trips.length){h.innerHTML='No vouchers yet';return;}h.innerHTML=trips.slice().reverse().map(t=>`\u2022 #${t.vNo} ${t.pickup} \u2192 ${t.dropoff} $${t.fare} <span style=\"color:var(--p);cursor:pointer\" onclick=\"renderVoucherById(${t.id})\">[View]<\/span>`).join('<br>');}\nwindow.renderVoucherById=(id)=>{const t=trips.find(x=>x.id===id);if(t){renderVoucher(t);switchTab('pVoucher');}};\nwindow.declineVoucher=(id)=>{trips=trips.filter(x=>x.id!==id);localStorage.setItem(\"tahiti_vouchers\",JSON.stringify(trips));document.getElementById('voucherContainer').innerHTML='<div class=\"card\" style=\"text-align:center;color:var(--muted)\">Declined \u2022 Removed<\/div>';renderHistory();window.open(WA_BASE+\"?text=\"+encodeURIComponent(`\u274c DECLINED VOUCHER WA${id}`),\"_blank\");};\nwindow.acceptVoucher=(id)=>{const t=trips.find(x=>x.id===id);if(!t)return;const txt=`\ud83c\udf3a LUXURY TRANSFER VOUCHER \u2022 PREMIUM BLACK GOLD\n\nVOUCHER No. WA${t.id.toString().slice(-4)} \u2022 #${t.vNo}\n\ud83d\udccd Pickup: ${t.pickup} https:\/\/maps.google.com\/?q=${t.pickupLL[1]},${t.pickupLL[0]}\n\ud83d\udccd Dropoff: ${t.dropoff} https:\/\/maps.google.com\/?q=${t.dropoffLL[1]},${t.dropoffLL[0]}\n\ud83d\udcb0 Fare: $${t.fare} \u2022 Service: ${t.cat.toUpperCase()} ${t.cat==='circle'?'$100\/h ONLY min4h $400':''}\n\ud83d\udc65 8 PAX MAX \u2022 \u23f0 ${t.timing==='now'?'NOW 15-30 MIN WAIT':'LATER'}\n\ud83d\udc64 Profile: ${t.profile}\n\ud83d\ude98 Driver: Teva Mercedes-Maybach S-Class Black 5.0\u2605 License PL-8842-TH\n\ud83d\udd16 Voucher #${t.vNo} \u2022 Valid 15:30\nQR: Scan for Driver & Pickup\n\nMaps:\nPickup: https:\/\/maps.google.com\/?q=${t.pickupLL[1]},${t.pickupLL[0]}\nDropoff: https:\/\/maps.google.com\/?q=${t.dropoffLL[1]},${t.dropoffLL[0]}`;window.open(WA_BASE+\"?text=\"+encodeURIComponent(txt),\"_blank\");downloadICS(id);toast(\"Sent to WhatsApp \u2713\");};\nwindow.downloadICS=(id)=>{const t=trips.find(x=>x.id===id);if(!t)return;const now=new Date();const start=new Date();if(t.timing==='now')start.setMinutes(start.getMinutes()+30);else start.setHours(start.getHours()+2);const end=new Date(start.getTime()+3600*1000);function fmt(dt){return dt.toISOString().replace(\/[-:]\/g,'').split('.')[0]+'Z';}const ics=`BEGIN:VCALENDAR\\nVERSION:2.0\\nBEGIN:VEVENT\\nUID:${t.id}@luxury.pf\\nDTSTAMP:${fmt(now)}\\nDTSTART:${fmt(start)}\\nDTEND:${fmt(end)}\\nSUMMARY:Luxury Ride ${t.cat} ${t.profile} #${t.vNo}\\nDESCRIPTION:Fare $${t.fare} ${t.pickup} -> ${t.dropoff}\\nLOCATION:${t.pickup} -> ${t.dropoff}\\nEND:VEVENT\\nEND:VCALENDAR`;const blob=new Blob([ics],{type:'text\/calendar'});const url=URL.createObjectURL(blob);const a=document.createElement('a');a.href=url;a.download=`LUXURY-${t.vNo}.ics`;a.click();const gcal=`https:\/\/calendar.google.com\/calendar\/render?action=TEMPLATE&text=${encodeURIComponent('Luxury Ride '+t.vNo)}&dates=${fmt(start)}\/${fmt(end)}&location=${encodeURIComponent(t.pickup+' -> '+t.dropoff)}`;window.open(gcal,'_blank');};\nrenderHistory();if(trips.length)renderVoucher(trips[trips.length-1]);\n<\/script><\/body><\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ffff543 e-flex e-con-boxed e-con e-parent\" data-id=\"ffff543\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-77b4e6d elementor-widget elementor-widget-html\" data-id=\"77b4e6d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover\">\n<title>LUXURY RIDE \u2022 Who When Where What \u2022 WhatsApp Voucher<\/title>\n<script src=\"https:\/\/unpkg.com\/maplibre-gl@4.7.1\/dist\/maplibre-gl.js\"><\/script><link href=\"https:\/\/unpkg.com\/maplibre-gl@4.7.1\/dist\/maplibre-gl.css\" rel=\"stylesheet\">\n<style>\n*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui;background:#000;color:#fff;display:flex;justify-content:center}\n#app{width:100%;max-width:430px;min-height:100dvh;background:#08080a;position:relative;border-left:1px solid #ffffff14;border-right:1px solid #ffffff14;display:flex;flex-direction:column}\n.header{height:64px;padding:0 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff14;background:rgba(8,8,10,.98);position:sticky;top:0;z-index:50}\n#map{width:100%;height:38vh;background:#111}\n.content{padding:16px;overflow:auto;flex:1;padding-bottom:90px}\n.label{font-size:10px;letter-spacing:.18em;color:#E8A85C;font-weight:800;margin:16px 0 8px 0;display:block}\ninput,select,textarea{width:100%;padding:14px;border-radius:14px;border:1px solid #ffffff14;background:#1a1a1a;color:#fff;margin:6px 0;font-size:14px;outline:none}\n.row{display:flex;gap:8px}.row>*{flex:1}\n.chip{padding:11px 16px;border-radius:999px;border:1px solid #ffffff18;background:transparent;color:#aaa;cursor:pointer;font-size:12px;font-weight:600;margin:4px;display:inline-flex;align-items:center;min-height:42px}\n.chip.active{background:#E8A85C;color:#000;border-color:#E8A85C;font-weight:800}\n.btn{width:100%;padding:18px;border-radius:18px;border:0;background:linear-gradient(180deg,#E8A85C,#D49A4A);color:#000;font-weight:900;font-size:15px;margin-top:16px;cursor:pointer;min-height:56px}\n.voucher{margin-top:16px;background:linear-gradient(180deg,#161616,#08080a);border:1px solid #E8A85C44;border-radius:20px;padding:18px;line-height:1.5;font-size:13px}\n.tabs{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;height:72px;background:rgba(12,12,14,.98);border-top:1px solid #ffffff14;display:flex;justify-content:space-around;padding-top:10px;z-index:60}\n.tabs button{border:0;background:transparent;color:#777;font-size:9px;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;cursor:pointer}\n.tabs button.active{color:#E8A85C}\n.hidden{display:none}\n<\/style><\/head><body>\n<div id=\"app\">\n<div class=\"header\"><div style=\"display:flex;gap:10px;align-items:center\"><div style=\"width:32px;height:32px;border-radius:50%;border:1px solid #E8A85C;display:grid;place-items:center;color:#E8A85C;font-weight:900\">T<\/div><div><div style=\"font-family:Fraunces;font-size:11px;letter-spacing:.18em;color:#E8A85C\">LUXURY RIDE \u2022 WHO WHEN WHERE WHAT<\/div><div style=\"font-size:10px;color:#888\">8 PAX MAX \u2022 Tap map for location<\/div><\/div><\/div><div style=\"font-size:9px;border:1px solid #E8A85C;padding:6px 10px;border-radius:999px;color:#E8A85C\">68989660003<\/div><\/div>\n<div id=\"map\"><\/div>\n<div class=\"content\">\n<span class=\"label\">1. WHAT DO YOU NEED?<\/span>\n<div id=\"serviceBox\"><span class=\"chip active\" data-service=\"taxi\">\ud83d\ude95 Taxi<\/span><span class=\"chip\" data-service=\"private\">\u2728 Private Transfer<\/span><span class=\"chip\" data-service=\"circle\">\ud83c\udf34 Circle Island $100\/h ONLY min4h $400<\/span><\/div>\n\n<span class=\"label\">2. TRIP TYPE<\/span>\n<div id=\"typeBox\"><span class=\"chip active\" data-type=\"pickup\">\ud83d\udccd Pickup \u2014 City to City<\/span><span class=\"chip\" data-type=\"arrival\">\u2708\ufe0f International Arrival<\/span><span class=\"chip\" data-type=\"departure\">\ud83d\udeeb Departure to Airport<\/span><\/div>\n\n<span class=\"label\">3. WHO \u2014 HOW MANY?<\/span>\n<div class=\"row\"><select id=\"pax\"><option>1 passenger<\/option><option>2 passengers<\/option><option>3 passengers<\/option><option selected>4 passengers \u2022 8 PAX MAX<\/option><option>5 passengers<\/option><option>6 passengers<\/option><option>7 passengers<\/option><option>8 passengers<\/option><\/select><select id=\"luggage\"><option>1 luggage<\/option><option>2 luggages<\/option><option selected>3 luggages<\/option><option>4 luggages<\/option><option>5+ luggages<\/option><\/select><\/div>\n<input id=\"name\" placeholder=\"\ud83d\udc64 Full Name \u2014 e.g. Jordan Patel\">\n<input id=\"phone\" placeholder=\"\ud83d\udcf1 WhatsApp number (for confirmation)\">\n\n<span class=\"label\">4. WHERE \u2014 TAP MAP<\/span>\n<div class=\"row\"><input id=\"pickup\" placeholder=\"\ud83d\udccd Pickup \u2014 tap map\" readonly><input id=\"dropoff\" placeholder=\"\ud83d\udccd Dropoff \u2014 tap map\" readonly><\/div>\n<div id=\"arrivalBox\" class=\"hidden\"><span class=\"label\">ARRIVAL DETAILS \u2014 ADAPTS<\/span><div class=\"row\"><select id=\"airline\"><option>Airline<\/option><option>TN Air Tahiti Nui<\/option><option>VT Air Tahiti<\/option><option>AF Air France<\/option><option>Air Moana<\/option><option>French Bee BF<\/option><\/select><input id=\"flightNo\" placeholder=\"Flight No TN101\"><\/div><div class=\"row\"><input id=\"landingTime\" type=\"time\"><input id=\"terminal\" placeholder=\"Terminal 1\"><\/div><div style=\"font-size:11px;color:#888;margin-top:4px\">Pickup auto = Fa'a'\u0101 Airport PPT \u2014 you only choose dropoff<\/div><\/div>\n<div id=\"departureBox\" class=\"hidden\"><span class=\"label\">DEPARTURE DETAILS \u2014 ADAPTS<\/span><div class=\"row\"><select id=\"airline2\"><option>Airline<\/option><option>TN Air Tahiti Nui<\/option><option>VT Air Tahiti<\/option><option>AF Air France<\/option><\/select><input id=\"flightNo2\" placeholder=\"Flight No TN102\"><\/div><div class=\"row\"><input id=\"departTime\" type=\"time\"><input id=\"terminal2\" placeholder=\"Terminal 1\"><\/div><div style=\"font-size:11px;color:#888;margin-top:4px\">Dropoff auto = Fa'a'\u0101 Airport PPT \u2014 you only choose pickup<\/div><\/div>\n<div id=\"circleBox\" class=\"hidden\"><span class=\"label\">CIRCLE ISLAND \u2014 ADAPTS<\/span><div style=\"font-size:12px;color:#aaa;background:rgba(232,168,92,.1);border:1px solid #E8A85C33;padding:12px;border-radius:12px\">\ud83c\udf34 Circle Island Tour ONLY $100\/h min 4h $400 \u2022 Drinks + Fruits Free \u2022 8 PAX MAX \u2022 Pickup \u2192 Circle \u2192 Dropoff same location. Tap map for start point.<\/div><\/div>\n\n<span class=\"label\">5. WHEN<\/span>\n<div><span class=\"chip active\" data-when=\"now\">NOW 15-30 MIN WAIT<\/span><span class=\"chip\" data-when=\"later\">LATER SCHEDULED<\/span><\/div>\n<div id=\"laterBox\" class=\"hidden\"><div class=\"row\"><input id=\"date\" type=\"date\"><input id=\"time\" type=\"time\"><\/div><\/div>\n\n<span class=\"label\">6. WHAT \u2014 EXTRA<\/span>\n<textarea id=\"notes\" rows=\"2\" placeholder=\"Child seat? Surfboard? Extra notes...\"><\/textarea>\n\n<button class=\"btn\" id=\"send\">SEND VOUCHER \u2192 WHATSAPP CARD DESIGN<\/button>\n<div id=\"voucherPreview\"><\/div>\n<\/div>\n<div class=\"tabs\"><button class=\"active\">\u25ce BOOK RIDE<\/button><button onclick=\"document.getElementById('voucherPreview').scrollIntoView({behavior:'smooth'})\">\u25c8 VOUCHER<\/button><\/div>\n<\/div>\n<script>\nconst WA=\"68989660003\";\nconst map=new maplibregl.Map({container:'map',style:'https:\/\/demotiles.maplibre.org\/style.json',center:[-149.4068,-17.65],zoom:11});\nlet service=\"taxi\",type=\"pickup\",when=\"now\",pickupLL=null,dropoffLL=null,m1=null,m2=null;\nconst AIRPORT=[-149.6065,-17.5567];\nfunction short(ll){return `${ll[1].toFixed(4)}, ${ll[0].toFixed(4)}`;}\nfunction setPickup(ll,label){pickupLL=ll;document.getElementById('pickup').value=label||`Pickup: ${short(ll)}`;if(m1)m1.remove();m1=new maplibregl.Marker({color:\"#E8A85C\"}).setLngLat(ll).addTo(map);update();}\nfunction setDrop(ll,label){dropoffLL=ll;document.getElementById('dropoff').value=label||`Dropoff: ${short(ll)}`;if(m2)m2.remove();m2=new maplibregl.Marker({color:\"#fff\"}).setLngLat(ll).addTo(map);update();}\nfunction applyType(){\ndocument.getElementById('arrivalBox').classList.toggle('hidden',type!=='arrival');\ndocument.getElementById('departureBox').classList.toggle('hidden',type!=='departure');\ndocument.getElementById('circleBox').classList.toggle('hidden',service!=='circle');\nif(type==='arrival'){setPickup(AIRPORT,\"Fa'a'\u0101 Airport PPT \u2022 International Arrival\");}else if(type==='departure'){setDrop(AIRPORT,\"Fa'a'\u0101 Airport PPT \u2022 Departure\");}\nupdate();\n}\ndocument.querySelectorAll('[data-service]').forEach(c=>c.onclick=()=>{document.querySelectorAll('[data-service]').forEach(x=>x.classList.remove('active'));c.classList.add('active');service=c.dataset.service;applyType();update();});\ndocument.querySelectorAll('[data-type]').forEach(c=>c.onclick=()=>{document.querySelectorAll('[data-type]').forEach(x=>x.classList.remove('active'));c.classList.add('active');type=c.dataset.type;if(type==='pickup'){pickupLL=null;dropoffLL=null;if(m1)m1.remove();if(m2)m2.remove();document.getElementById('pickup').value='';document.getElementById('dropoff').value='';}applyType();});\ndocument.querySelectorAll('[data-when]').forEach(c=>c.onclick=()=>{document.querySelectorAll('[data-when]').forEach(x=>x.classList.remove('active'));c.classList.add('active');when=c.dataset.when;document.getElementById('laterBox').classList.toggle('hidden',when==='now');update();});\nmap.on('click',e=>{const ll=[e.lngLat.lng,e.lngLat.lat];if(type==='arrival){setDrop(ll);}else if(type==='departure'){setPickup(ll);}else{if(!pickupLL)setPickup(ll);else if(!dropoffLL)setDrop(ll);else{pickupLL=null;dropoffLL=null;if(m1)m1.remove();if(m2)m2.remove();setPickup(ll);}}});\nfunction update(){\nconst name=document.getElementById('name').value||\"Guest\";const pax=document.getElementById('pax').value;const lug=document.getElementById('luggage').value;const svc=service;const t=type;const flight=document.getElementById('flightNo').value||document.getElementById('flightNo2').value||\"-\";const vNo='LUX-'+Math.floor(100000+Math.random()*900000);\nif(!pickupLL||!dropoffLL){document.getElementById('voucherPreview').innerHTML='<div class=\"voucher\" style=\"color:#888;text-align:center\">Tap map: '+(t==='arrival'?'Choose dropoff (pickup = Airport)':t==='departure'?'Choose pickup (dropoff = Airport)':'Pickup then Dropoff')+'<\/div>';return;}\nconst fare=svc==='circle'?400:svc==='private'?80:45;\ndocument.getElementById('voucherPreview').innerHTML=`<div class=\"voucher\">\n<div style=\"display:flex;justify-content:space-between;font-size:9px;letter-spacing:.15em;color:#E8A85C\"><span>PREMIUM \u2022 BLACK GOLD \u2022 ${svc.toUpperCase()}<\/span><span>VOUCHER #${vNo}<\/span><\/div>\n<div style=\"text-align:center;margin:10px 0\"><div style=\"font-size:10px;letter-spacing:.2em;color:#E8A85C\">VOUCHER<\/div><div style=\"font-size:20px;font-weight:800\">#${vNo} \u2022 ${t.toUpperCase()}<\/div><\/div>\n<div style=\"font-size:12px;line-height:1.6\">\n\ud83d\udccd <b>Pickup:<\/b> ${document.getElementById('pickup').value}<br>\n\ud83d\udccd <b>Dropoff:<\/b> ${document.getElementById('dropoff').value}<br>\n\ud83d\udc64 ${name} \u2022 ${pax} \u2022 \ud83e\uddf3 ${lug}<br>\n\ud83d\ude95 ${svc.toUpperCase()} ${svc==='circle'?'$100\/H ONLY MIN 4H $400':''} \u2022 \ud83d\udcb0 $${fare}<br>\n\u2708\ufe0f ${t.toUpperCase()} \u2022 Flight: ${flight}<br>\n\u23f0 ${when==='now'?'NOW 15-30 MIN WAIT':'LATER '+document.getElementById('date').value+' '+document.getElementById('time').value}<br>\n\ud83d\ude98 Driver: Teva Maybach 5.0\u2605<br>\n<\/div>\n<\/div>`;\nwindow._data={vNo,name,pax,lug,svc,t,flight,fare,when};\n}\n['name','pax','luggage','flightNo','flightNo2','date','time'].forEach(id=>{const el=document.getElementById(id);if(el){el.addEventListener('input',update);el.addEventListener('change',update);}});\ndocument.getElementById('send').onclick=()=>{\nif(!pickupLL||!dropoffLL){alert(\"Tap map first \u2014 \"+(type==='arrival'?'choose dropoff':'choose pickup and dropoff'));return;}\nconst d=window._data;const notes=document.getElementById('notes').value||\"-\";const phone=document.getElementById('phone').value||\"-\";\nconst txt=`\ud83c\udf3a LUXURY TRANSFER VOUCHER \u2022 PREMIUM BLACK GOLD\n\nVOUCHER #${d.vNo} \u2022 WA${Date.now().toString().slice(-4)} \u2022 ${d.svc.toUpperCase()} \u2022 ${d.t.toUpperCase()}\n\nWHO: ${d.name} \u2022 ${d.pax} \u2022 Luggage: ${d.lug} \u2022 Phone: ${phone}\nWHERE:\n\ud83d\udccd Pickup: ${document.getElementById('pickup').value}\nhttps:\/\/maps.google.com\/?q=${pickupLL[1]},${pickupLL[0]}\n\ud83d\udccd Dropoff: ${document.getElementById('dropoff').value}\nhttps:\/\/maps.google.com\/?q=${dropoffLL[1]},${dropoffLL[0]}\nWHAT: ${d.svc.toUpperCase()} ${d.svc==='circle'?'$100\/H ONLY MIN 4H $400 DRINKS+FRUITS FREE':''} \u2022 Fare $${d.fare}\nFLIGHT: ${d.flight} \u2022 ${document.getElementById('airline')?.value||''} ${document.getElementById('airline2')?.value||''}\nWHEN: ${d.when==='now'?'NOW 15-30 MIN WAIT':`LATER ${document.getElementById('date').value} ${document.getElementById('time').value}`}\nNOTES: ${notes}\n\n\ud83d\ude98 Driver: Teva \u2022 Mercedes-Maybach S-Class \u2022 License PL-8842-TH \u2022 5.0\u2605\n\ud83d\udd16 Voucher #${d.vNo} \u2022 QR Scan for Pickup\n\nMaps:\nPickup: https:\/\/maps.google.com\/?q=${pickupLL[1]},${pickupLL[0]}\nDropoff: https:\/\/maps.google.com\/?q=${dropoffLL[1]},${dropoffLL[0]}`;\nwindow.open(`https:\/\/wa.me\/${WA}?text=${encodeURIComponent(txt)}`,'_blank');\n};\nupdate();\n<\/script><\/body><\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>LUXURY RIDE \u2022 Book \u2192 Voucher \u2192 WhatsApp \u25ce\u26f6 TLUXURY RIDE \u2022 CLIENT GOLD8 PAX MAX \u2022 15-30 min waitEST 2026 BOOK A RIDE \u2022 TAP MAP SERVICETaxi $25 + $2.5\/kmCircle $100\/h min 4h $400 ONLY \u2014\u2014 NOW 15-30 MINLATER + ICS GCAL No voucher yet \u2014 book a ride firstHISTORY \u25ce BOOK RIDE\u25c8 VOUCHER […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-259","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mana-corp.com\/index.php?rest_route=\/wp\/v2\/pages\/259","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mana-corp.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mana-corp.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mana-corp.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mana-corp.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=259"}],"version-history":[{"count":7,"href":"https:\/\/mana-corp.com\/index.php?rest_route=\/wp\/v2\/pages\/259\/revisions"}],"predecessor-version":[{"id":266,"href":"https:\/\/mana-corp.com\/index.php?rest_route=\/wp\/v2\/pages\/259\/revisions\/266"}],"wp:attachment":[{"href":"https:\/\/mana-corp.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=259"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\nLUXURY RIDE \u2022 Book \u2192 Voucher \u2192 WhatsApp<\/title>\n<script src=\"https:\/\/unpkg.com\/maplibre-gl@4.7.1\/dist\/maplibre-gl.js\"><\/script><link href=\"https:\/\/unpkg.com\/maplibre-gl@4.7.1\/dist\/maplibre-gl.css\" rel=\"stylesheet\">\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght,FRAUN,wght@9..144,300;9..144,700&family=Inter:wght@400;600;800&display=swap');\n*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#000}body{display:flex;justify-content:center;font-family:Inter;background:#000}\n#app{width:100%;max-width:430px;height:100dvh;position:relative;background:#08080a;overflow:hidden;border-left:1px solid #ffffff14;border-right:1px solid #ffffff14;color:#f5f1eb}\n:root{--p:#E8A85C;--line:#ffffff14;--text:#f5f1eb;--muted:#9a9590}\n.header{position:absolute;top:0;left:0;right:0;z-index:50;height:64px;padding:0 16px;display:flex;justify-content:space-between;align-items:center;background:rgba(8,8,10,.98);border-bottom:1px solid var(--line)}\n.tabs{position:absolute;bottom:0;left:0;right:0;z-index:50;height:72px;background:rgba(12,12,14,.98);border-top:1px solid var(--line);display:flex;justify-content:space-around;padding-top:12px}\n.tabs button{border:0;background:transparent;color:var(--muted);font-size:10px;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;cursor:pointer}\n.tabs button.active{color:var(--p)}\n#map{position:absolute;top:64px;left:0;right:0;bottom:72px;z-index:0}\n.tools{position:absolute;right:12px;top:45%;z-index:20;display:flex;flex-direction:column;gap:10px}\n.tools button{width:48px;height:48px;border-radius:14px;background:rgba(20,20,22,.9);border:1px solid var(--line);color:#fff;display:grid;place-items:center;cursor:pointer}\n.sheet{position:absolute;left:12px;right:12px;bottom:80px;z-index:25;background:rgba(28,28,30,.98);border:1px solid #ffffff14;border-radius:28px;max-height:66vh;display:flex;flex-direction:column;overflow:hidden;transition:transform.35s}\n.sheet.collapsed{transform:translateY(calc(100% - 108px))}\n.handle{width:40px;height:5px;background:#ffffff30;border-radius:999px;margin:12px auto}\n.page{display:none;overflow:auto;flex:1;padding:8px 0}.page.active{display:block}\n.card{background:rgba(22,22,24,.92);border:1px solid var(--line);border-radius:20px;padding:18px;margin:12px}\n.label{font-size:10px;letter-spacing:.18em;color:var(--p);font-weight:800;margin-bottom:10px;display:block}\n.field{display:flex;align-items:center;gap:12px;background:rgba(0,0,0,.4);border:1px solid var(--line);border-radius:16px;padding:14px 16px;margin:8px 0;min-height:52px}\n.field input{flex:1;background:transparent;border:0;color:#fff;font-weight:600;outline:none}\n.chip{padding:10px 16px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:13px;margin:4px;cursor:pointer;display:inline-flex}\n.chip.active{background:var(--p);color:#000;border-color:var(--p)}\n.btn{border:0;border-radius:16px;padding:16px;font-weight:800;width:100%;display:flex;justify-content:center;gap:8px;cursor:pointer;min-height:52px}\n.btn-p{background:linear-gradient(180deg,#E8A85C,#D49A4A);color:#000}.btn-g{background:rgba(255,255,255,.08);border:1px solid var(--line);color:#fff}\n.voucher{background:linear-gradient(180deg,#141414,#08080a);border:1px solid #E8A85C44;border-radius:22px;padding:20px;margin:12px;position:relative}\n.qr{width:80px;height:80px;background:#fff;color:#000;border-radius:12px;display:grid;place-items:center;font-weight:900;font-size:28px;margin:10px auto;border:3px solid var(--p)}\n#toast{position:fixed;bottom:88px;left:50%;transform:translateX(-50%);background:#000;color:#fff;padding:12px 18px;border-radius:999px;display:none;z-index:99;font-weight:700;font-size:12px;border:1px solid #ffffff20}\n<\/style><\/head><body>\n<div id=\"app\">\n<div id=\"map\"><\/div>\n<div class=\"tools\"><button id=\"btnLocate\">\u25ce<\/button><button id=\"btnFull\">\u26f6<\/button><\/div>\n<div class=\"header\"><div style=\"display:flex;gap:10px;align-items:center\"><div style=\"width:32px;height:32px;border-radius:50%;border:1px solid var(--p);display:grid;place-items:center;color:var(--p);font-weight:900\">T<\/div><div><div style=\"font-family:Fraunces;font-size:11px;letter-spacing:.18em;color:var(--p)\">LUXURY RIDE \u2022 CLIENT GOLD<\/div><div style=\"font-size:10px;color:var(--muted)\">8 PAX MAX \u2022 15-30 min wait<\/div><\/div><\/div><div style=\"font-size:9px;border:1px solid var(--p);padding:6px 10px;border-radius:999px;color:var(--p)\">EST 2026<\/div><\/div>\n\n<div class=\"sheet\" id=\"sheet\"><div class=\"handle\" id=\"handle\"><\/div>\n<div class=\"page active\" id=\"pBook\">\n<div class=\"card\">\n<span class=\"label\">BOOK A RIDE \u2022 TAP MAP<\/span>\n<div class=\"field\"><input id=\"name\" placeholder=\"\ud83d\udc64 Your name \u2014 e.g. Jordan Patel\"><\/div>\n<div class=\"field\"><input id=\"pickup\" placeholder=\"\ud83d\udccd Pickup \u2014 tap map\" readonly><\/div>\n<div class=\"field\"><input id=\"dropoff\" placeholder=\"\ud83d\udccd Dropoff \u2014 tap map\" readonly><\/div>\n<div style=\"margin-top:12px\"><span class=\"label\">SERVICE<\/span><span class=\"chip active\" data-cat=\"taxi\">Taxi $25 + $2.5\/km<\/span><span class=\"chip\" data-cat=\"circle\">Circle $100\/h min 4h $400 ONLY<\/span><\/div>\n<div id=\"etaBox\" style=\"display:none\" class=\"card\"><div id=\"etaText\" style=\"font-weight:800;color:var(--p)\">\u2014<\/div><div id=\"etaSub\" style=\"font-size:12px;color:var(--muted);margin-top:4px\">\u2014<\/div><\/div>\n<div style=\"display:flex;gap:10px;margin-top:14px\"><button class=\"btn btn-g\" id=\"btnNow\">NOW 15-30 MIN<\/button><button class=\"btn btn-p\" id=\"btnLater\">LATER + ICS GCAL<\/button><\/div>\n<\/div>\n<\/div>\n<div class=\"page\" id=\"pVoucher\"><div id=\"voucherContainer\"><div class=\"card\" style=\"text-align:center;color:var(--muted)\">No voucher yet \u2014 book a ride first<\/div><\/div><div class=\"card\"><span class=\"label\">HISTORY<\/span><div id=\"historyList\" style=\"font-size:11px;color:var(--muted)\"><\/div><\/div><\/div>\n<\/div>\n\n<div class=\"tabs\"><button class=\"active\" data-page=\"pBook\">\u25ce BOOK RIDE<\/button><button data-page=\"pVoucher\">\u25c8 VOUCHER CARD<\/button><\/div>\n<\/div>\n<div id=\"toast\"><\/div>\n<script>\nconst WA_NUMBER=\"68989660003\";const WA_BASE=\"https:\/\/wa.me\/\"+WA_NUMBER;\nconst map=new maplibregl.Map({container:'map',style:\"https:\/\/tiles.openfreemap.org\/styles\/liberty\",center:[-149.4068,-17.65],zoom:11,attributionControl:false});\nlet cat=\"taxi\",pickupLL=null,dropoffLL=null,pickupShort=\"\",dropoffShort=\"\",timing=\"now\",fare=400;\nlet trips=JSON.parse(localStorage.getItem(\"tahiti_vouchers\")||\"[]\");\nlet pickM=null,dropM=null;\nfunction toast(m){const t=document.getElementById('toast');t.textContent=m;t.style.display='block';setTimeout(()=>t.style.display='none',3500);}\nfunction shortAddr(s){return s?s.split(',').slice(0,2).join(', ').slice(0,45):\"Tahiti\";}\nasync function reverse(lng,lat){try{const r=await fetch(`https:\/\/nominatim.openstreetmap.org\/reverse?format=jsonv2&lon=${lng}&lat=${lat}`);const j=await r.json();return j.display_name||`${lat.toFixed(4)}, ${lng.toFixed(4)}`;}catch{return `${lat.toFixed(4)}, ${lng.toFixed(4)}`;}}\nfunction switchTab(id){document.querySelectorAll('.page').forEach(p=>p.classList.remove('active'));document.getElementById(id).classList.add('active');document.querySelectorAll('.tabs button').forEach(b=>b.classList.remove('active'));const sel=document.querySelector(`[data-page=\"${id}\"]`);if(sel)sel.classList.add('active');document.getElementById('sheet').classList.remove('collapsed');map.resize();}\ndocument.querySelectorAll('.tabs button').forEach(b=>b.onclick=()=>switchTab(b.dataset.page));\ndocument.getElementById('handle').onclick=()=>document.getElementById('sheet').classList.toggle('collapsed');\ndocument.getElementById('btnFull').onclick=()=>{document.getElementById('sheet').classList.toggle('collapsed');map.resize();};\ndocument.getElementById('btnLocate').onclick=()=>{navigator.geolocation.getCurrentPosition(async p=>{const ll=[p.coords.longitude,p.coords.latitude];map.flyTo({center:ll,zoom:13});const a=await reverse(ll[0],ll[1]);setPickup(ll,shortAddr(a));});};\ndocument.querySelectorAll('[data-cat]').forEach(c=>c.onclick=()=>{document.querySelectorAll('[data-cat]').forEach(x=>x.classList.remove('active'));c.classList.add('active');cat=c.dataset.cat;updateFare();});\nfunction setPickup(ll,s){pickupLL=ll;pickupShort=s;if(pickM)pickM.remove();pickM=new maplibregl.Marker({color:\"#E8A85C\"}).setLngLat(ll).addTo(map);document.getElementById('pickup').value=s;updateFare();}\nfunction setDropoff(ll,s){dropoffLL=ll;dropoffShort=s;if(dropM)dropM.remove();dropM=new maplibregl.Marker({color:\"#fff\"}).setLngLat(ll).addTo(map);document.getElementById('dropoff').value=s;updateFare();}\nasync function updateFare(){if(!pickupLL||!dropoffLL)return;const box=document.getElementById('etaBox');box.style.display='block';document.getElementById('etaText').textContent='Calculating...';try{const url=`https:\/\/router.project-osrm.org\/route\/v1\/driving\/${pickupLL[0]},${pickupLL[1]};${dropoffLL[0]},${dropoffLL[1]}?overview=false`;const r=await fetch(url);const j=await r.json();if(j.routes&&j.routes[0]){const dist=j.routes[0].distance\/1000;const dur=j.routes[0].duration\/60;fare=cat==='circle'?400:Math.max(25,25+2.5*dist);if(cat==='circle')fare=Math.max(fare,400);fare=Math.round(fare);document.getElementById('etaText').textContent=`${Math.round(dur)} MIN \u2022 ${dist.toFixed(1)} KM`;document.getElementById('etaSub').textContent=cat==='circle'?`CIRCLE ONLY $100\/H MIN 4H TOTAL $${fare} \u2022 8 PAX MAX`:`TAXI $${fare} \u2022 15-30 MIN WAIT IF NOW \u2022 8 PAX MAX`;return;}}catch(e){}fare=cat==='circle'?400:45;document.getElementById('etaText').textContent=cat==='circle'?`CIRCLE $100\/H ONLY MIN 4H`:`TAXI \u2022 ESTIMATED`;document.getElementById('etaSub').textContent=`FARE $${fare} \u2022 8 PAX MAX \u2022 Map offline fallback \u2014 still works for voucher`;}\nmap.on('click',async e=>{const ll=[e.lngLat.lng,e.lngLat.lat];const a=await reverse(ll[0],ll[1]);const s=shortAddr(a);if(!pickupLL)setPickup(ll,s);else if(!dropoffLL)setDropoff(ll,s);else{pickupLL=null;dropoffLL=null;if(pickM)pickM.remove();if(dropM)dropM.remove();setPickup(ll,s);}});\ndocument.getElementById('btnNow').onclick=()=>{timing='now';createVoucher();};document.getElementById('btnLater').onclick=()=>{timing='later';createVoucher();};\nfunction createVoucher(){if(!pickupLL||!dropoffLL){toast(\"Tap map: first pickup then dropoff\");return;}const name=document.getElementById('name').value||\"Guest\";const id=Date.now();const vNo='LUX-'+Math.floor(100000+Math.random()*900000);const d={id,vNo,profile:name,pickup:pickupShort,dropoff:dropoffShort,pickupLL,dropoffLL,fare,cat,timing,eta:document.getElementById('etaText').textContent};trips.push(d);localStorage.setItem(\"tahiti_vouchers\",JSON.stringify(trips));renderVoucher(d);switchTab('pVoucher');renderHistory();toast(\"Voucher Card Generated \u2713\");}\nfunction renderVoucher(d){const html=`<div class=\"voucher\">\n<div style=\"display:flex;justify-content:space-between\"><span style=\"font-size:9px;letter-spacing:.18em;color:var(--p)\">PREMIUM \u2022 BLACK GOLD<\/span><span style=\"font-size:9px;opacity:.6\">VOUCHER #${d.vNo}<\/span><\/div>\n<div style=\"text-align:center;margin:14px 0\"><div style=\"font-family:Fraunces;font-size:10px;letter-spacing:.18em;color:var(--p)\">VOUCHER<\/div><div style=\"font-family:Fraunces;font-size:22px;font-weight:700\">#${d.vNo}<\/div><\/div>\n<div style=\"height:1px;background:linear-gradient(90deg,transparent,var(--p),transparent);margin:12px 0\"><\/div>\n<div style=\"font-size:10px;letter-spacing:.14em;color:var(--p)\">TRIP DETAILS<\/div>\n<div style=\"margin-top:8px;line-height:1.4\"><div style=\"font-weight:700\">\ud83d\udccd ${d.pickup}<\/div><div style=\"font-size:11px;color:var(--muted)\">Pickup<\/div><div style=\"margin:10px 0;text-align:center\">\u2708 \u2193<\/div><div style=\"font-weight:700\">\ud83d\udccd ${d.dropoff}<\/div><div style=\"font-size:11px;color:var(--muted)\">Dropoff \u2022 ${d.eta||''}<\/div><\/div>\n<div style=\"display:flex;gap:10px;margin-top:14px;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:14px;padding:12px\"><div><div style=\"font-size:9px;color:var(--p)\">FARE<\/div><div style=\"font-family:Fraunces;font-size:18px;font-weight:700;color:var(--p)\">$${d.fare}<\/div><div style=\"font-size:9px;color:var(--muted)\">${d.cat==='circle'?'$100\/h ONLY min4h $400':''}<\/div><\/div><div style=\"margin-left:auto;text-align:right\"><div style=\"font-size:9px;color:var(--p)\">PASSENGERS<\/div><div style=\"font-weight:700\">8 PAX MAX<\/div><div style=\"font-size:9px;color:var(--muted)\">${d.timing==='now'?'NOW 15-30 MIN WAIT':'LATER SCHEDULED'}<\/div><\/div><\/div>\n<div style=\"margin-top:12px\"><div style=\"font-size:9px;color:var(--p)\">DRIVER<\/div><div style=\"font-size:12px;margin-top:4px\"><b>Teva<\/b> \u2022 Mercedes-Maybach S-Class \u2022 Black \u2022 5.0\u2605 \u2022 License PL-8842-TH<\/div><\/div>\n<div style=\"margin-top:12px;text-align:center\"><div style=\"font-size:9px;color:var(--p)\">PROFILE<\/div><div style=\"font-weight:700;margin-top:2px\">${d.profile}<\/div><div class=\"qr\">QR<\/div><div style=\"font-size:9px;color:var(--p)\">Scan for Driver & Pickup \u2022 ${d.vNo}<\/div><\/div>\n<div style=\"height:1px;background:linear-gradient(90deg,transparent,rgba(232,168,92,.3),transparent);margin:12px 0\"><\/div>\n<div style=\"font-size:9px;color:var(--muted);text-align:center\">Valid until 15:30 \u2022 Non-refundable \u2022 WA${d.id.toString().slice(-4)}<\/div>\n<div style=\"display:flex;gap:10px;margin-top:14px\"><button class=\"btn btn-g\" onclick=\"declineVoucher(${d.id})\">Decline<\/button><button class=\"btn btn-p\" onclick=\"acceptVoucher(${d.id})\">Accept \u2192 WhatsApp<\/button><\/div>\n<button class=\"btn btn-g\" style=\"margin-top:10px;font-size:11px\" onclick=\"downloadICS(${d.id})\">\ud83d\udcc5 ADD TO GOOGLE CALENDAR + Maps<\/button>\n<\/div>`;document.getElementById('voucherContainer').innerHTML=html;}\nfunction renderHistory(){const h=document.getElementById('historyList');if(!trips.length){h.innerHTML='No vouchers yet';return;}h.innerHTML=trips.slice().reverse().map(t=>`\u2022 #${t.vNo} ${t.pickup} \u2192 ${t.dropoff} $${t.fare} <span style=\"color:var(--p);cursor:pointer\" onclick=\"renderVoucherById(${t.id})\">[View]<\/span>`).join('<br>');}\nwindow.renderVoucherById=(id)=>{const t=trips.find(x=>x.id===id);if(t){renderVoucher(t);switchTab('pVoucher');}};\nwindow.declineVoucher=(id)=>{trips=trips.filter(x=>x.id!==id);localStorage.setItem(\"tahiti_vouchers\",JSON.stringify(trips));document.getElementById('voucherContainer').innerHTML='<div class=\"card\" style=\"text-align:center;color:var(--muted)\">Declined \u2022 Removed<\/div>';renderHistory();window.open(WA_BASE+\"?text=\"+encodeURIComponent(`\u274c DECLINED VOUCHER WA${id}`),\"_blank\");};\nwindow.acceptVoucher=(id)=>{const t=trips.find(x=>x.id===id);if(!t)return;const txt=`\ud83c\udf3a LUXURY TRANSFER VOUCHER \u2022 PREMIUM BLACK GOLD\n\nVOUCHER No. WA${t.id.toString().slice(-4)} \u2022 #${t.vNo}\n\ud83d\udccd Pickup: ${t.pickup} https:\/\/maps.google.com\/?q=${t.pickupLL[1]},${t.pickupLL[0]}\n\ud83d\udccd Dropoff: ${t.dropoff} https:\/\/maps.google.com\/?q=${t.dropoffLL[1]},${t.dropoffLL[0]}\n\ud83d\udcb0 Fare: $${t.fare} \u2022 Service: ${t.cat.toUpperCase()} ${t.cat==='circle'?'$100\/h ONLY min4h $400':''}\n\ud83d\udc65 8 PAX MAX \u2022 \u23f0 ${t.timing==='now'?'NOW 15-30 MIN WAIT':'LATER'}\n\ud83d\udc64 Profile: ${t.profile}\n\ud83d\ude98 Driver: Teva Mercedes-Maybach S-Class Black 5.0\u2605 License PL-8842-TH\n\ud83d\udd16 Voucher #${t.vNo} \u2022 Valid 15:30\nQR: Scan for Driver & Pickup\n\nMaps:\nPickup: https:\/\/maps.google.com\/?q=${t.pickupLL[1]},${t.pickupLL[0]}\nDropoff: https:\/\/maps.google.com\/?q=${t.dropoffLL[1]},${t.dropoffLL[0]}`;window.open(WA_BASE+\"?text=\"+encodeURIComponent(txt),\"_blank\");downloadICS(id);toast(\"Sent to WhatsApp \u2713\");};\nwindow.downloadICS=(id)=>{const t=trips.find(x=>x.id===id);if(!t)return;const now=new Date();const start=new Date();if(t.timing==='now')start.setMinutes(start.getMinutes()+30);else start.setHours(start.getHours()+2);const end=new Date(start.getTime()+3600*1000);function fmt(dt){return dt.toISOString().replace(\/[-:]\/g,'').split('.')[0]+'Z';}const ics=`BEGIN:VCALENDAR\\nVERSION:2.0\\nBEGIN:VEVENT\\nUID:${t.id}@luxury.pf\\nDTSTAMP:${fmt(now)}\\nDTSTART:${fmt(start)}\\nDTEND:${fmt(end)}\\nSUMMARY:Luxury Ride ${t.cat} ${t.profile} #${t.vNo}\\nDESCRIPTION:Fare $${t.fare} ${t.pickup} -> ${t.dropoff}\\nLOCATION:${t.pickup} -> ${t.dropoff}\\nEND:VEVENT\\nEND:VCALENDAR`;const blob=new Blob([ics],{type:'text\/calendar'});const url=URL.createObjectURL(blob);const a=document.createElement('a');a.href=url;a.download=`LUXURY-${t.vNo}.ics`;a.click();const gcal=`https:\/\/calendar.google.com\/calendar\/render?action=TEMPLATE&text=${encodeURIComponent('Luxury Ride '+t.vNo)}&dates=${fmt(start)}\/${fmt(end)}&location=${encodeURIComponent(t.pickup+' -> '+t.dropoff)}`;window.open(gcal,'_blank');};\nrenderHistory();if(trips.length)renderVoucher(trips[trips.length-1]);\n<\/script><\/body><\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ffff543 e-flex e-con-boxed e-con e-parent\" data-id=\"ffff543\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-77b4e6d elementor-widget elementor-widget-html\" data-id=\"77b4e6d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover\">\n<title>LUXURY RIDE \u2022 Who When Where What \u2022 WhatsApp Voucher<\/title>\n<script src=\"https:\/\/unpkg.com\/maplibre-gl@4.7.1\/dist\/maplibre-gl.js\"><\/script><link href=\"https:\/\/unpkg.com\/maplibre-gl@4.7.1\/dist\/maplibre-gl.css\" rel=\"stylesheet\">\n<style>\n*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui;background:#000;color:#fff;display:flex;justify-content:center}\n#app{width:100%;max-width:430px;min-height:100dvh;background:#08080a;position:relative;border-left:1px solid #ffffff14;border-right:1px solid #ffffff14;display:flex;flex-direction:column}\n.header{height:64px;padding:0 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff14;background:rgba(8,8,10,.98);position:sticky;top:0;z-index:50}\n#map{width:100%;height:38vh;background:#111}\n.content{padding:16px;overflow:auto;flex:1;padding-bottom:90px}\n.label{font-size:10px;letter-spacing:.18em;color:#E8A85C;font-weight:800;margin:16px 0 8px 0;display:block}\ninput,select,textarea{width:100%;padding:14px;border-radius:14px;border:1px solid #ffffff14;background:#1a1a1a;color:#fff;margin:6px 0;font-size:14px;outline:none}\n.row{display:flex;gap:8px}.row>*{flex:1}\n.chip{padding:11px 16px;border-radius:999px;border:1px solid #ffffff18;background:transparent;color:#aaa;cursor:pointer;font-size:12px;font-weight:600;margin:4px;display:inline-flex;align-items:center;min-height:42px}\n.chip.active{background:#E8A85C;color:#000;border-color:#E8A85C;font-weight:800}\n.btn{width:100%;padding:18px;border-radius:18px;border:0;background:linear-gradient(180deg,#E8A85C,#D49A4A);color:#000;font-weight:900;font-size:15px;margin-top:16px;cursor:pointer;min-height:56px}\n.voucher{margin-top:16px;background:linear-gradient(180deg,#161616,#08080a);border:1px solid #E8A85C44;border-radius:20px;padding:18px;line-height:1.5;font-size:13px}\n.tabs{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;height:72px;background:rgba(12,12,14,.98);border-top:1px solid #ffffff14;display:flex;justify-content:space-around;padding-top:10px;z-index:60}\n.tabs button{border:0;background:transparent;color:#777;font-size:9px;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;cursor:pointer}\n.tabs button.active{color:#E8A85C}\n.hidden{display:none}\n<\/style><\/head><body>\n<div id=\"app\">\n<div class=\"header\"><div style=\"display:flex;gap:10px;align-items:center\"><div style=\"width:32px;height:32px;border-radius:50%;border:1px solid #E8A85C;display:grid;place-items:center;color:#E8A85C;font-weight:900\">T<\/div><div><div style=\"font-family:Fraunces;font-size:11px;letter-spacing:.18em;color:#E8A85C\">LUXURY RIDE \u2022 WHO WHEN WHERE WHAT<\/div><div style=\"font-size:10px;color:#888\">8 PAX MAX \u2022 Tap map for location<\/div><\/div><\/div><div style=\"font-size:9px;border:1px solid #E8A85C;padding:6px 10px;border-radius:999px;color:#E8A85C\">68989660003<\/div><\/div>\n<div id=\"map\"><\/div>\n<div class=\"content\">\n<span class=\"label\">1. WHAT DO YOU NEED?<\/span>\n<div id=\"serviceBox\"><span class=\"chip active\" data-service=\"taxi\">\ud83d\ude95 Taxi<\/span><span class=\"chip\" data-service=\"private\">\u2728 Private Transfer<\/span><span class=\"chip\" data-service=\"circle\">\ud83c\udf34 Circle Island $100\/h ONLY min4h $400<\/span><\/div>\n\n<span class=\"label\">2. TRIP TYPE<\/span>\n<div id=\"typeBox\"><span class=\"chip active\" data-type=\"pickup\">\ud83d\udccd Pickup \u2014 City to City<\/span><span class=\"chip\" data-type=\"arrival\">\u2708\ufe0f International Arrival<\/span><span class=\"chip\" data-type=\"departure\">\ud83d\udeeb Departure to Airport<\/span><\/div>\n\n<span class=\"label\">3. WHO \u2014 HOW MANY?<\/span>\n<div class=\"row\"><select id=\"pax\"><option>1 passenger<\/option><option>2 passengers<\/option><option>3 passengers<\/option><option selected>4 passengers \u2022 8 PAX MAX<\/option><option>5 passengers<\/option><option>6 passengers<\/option><option>7 passengers<\/option><option>8 passengers<\/option><\/select><select id=\"luggage\"><option>1 luggage<\/option><option>2 luggages<\/option><option selected>3 luggages<\/option><option>4 luggages<\/option><option>5+ luggages<\/option><\/select><\/div>\n<input id=\"name\" placeholder=\"\ud83d\udc64 Full Name \u2014 e.g. Jordan Patel\">\n<input id=\"phone\" placeholder=\"\ud83d\udcf1 WhatsApp number (for confirmation)\">\n\n<span class=\"label\">4. WHERE \u2014 TAP MAP<\/span>\n<div class=\"row\"><input id=\"pickup\" placeholder=\"\ud83d\udccd Pickup \u2014 tap map\" readonly><input id=\"dropoff\" placeholder=\"\ud83d\udccd Dropoff \u2014 tap map\" readonly><\/div>\n<div id=\"arrivalBox\" class=\"hidden\"><span class=\"label\">ARRIVAL DETAILS \u2014 ADAPTS<\/span><div class=\"row\"><select id=\"airline\"><option>Airline<\/option><option>TN Air Tahiti Nui<\/option><option>VT Air Tahiti<\/option><option>AF Air France<\/option><option>Air Moana<\/option><option>French Bee BF<\/option><\/select><input id=\"flightNo\" placeholder=\"Flight No TN101\"><\/div><div class=\"row\"><input id=\"landingTime\" type=\"time\"><input id=\"terminal\" placeholder=\"Terminal 1\"><\/div><div style=\"font-size:11px;color:#888;margin-top:4px\">Pickup auto = Fa'a'\u0101 Airport PPT \u2014 you only choose dropoff<\/div><\/div>\n<div id=\"departureBox\" class=\"hidden\"><span class=\"label\">DEPARTURE DETAILS \u2014 ADAPTS<\/span><div class=\"row\"><select id=\"airline2\"><option>Airline<\/option><option>TN Air Tahiti Nui<\/option><option>VT Air Tahiti<\/option><option>AF Air France<\/option><\/select><input id=\"flightNo2\" placeholder=\"Flight No TN102\"><\/div><div class=\"row\"><input id=\"departTime\" type=\"time\"><input id=\"terminal2\" placeholder=\"Terminal 1\"><\/div><div style=\"font-size:11px;color:#888;margin-top:4px\">Dropoff auto = Fa'a'\u0101 Airport PPT \u2014 you only choose pickup<\/div><\/div>\n<div id=\"circleBox\" class=\"hidden\"><span class=\"label\">CIRCLE ISLAND \u2014 ADAPTS<\/span><div style=\"font-size:12px;color:#aaa;background:rgba(232,168,92,.1);border:1px solid #E8A85C33;padding:12px;border-radius:12px\">\ud83c\udf34 Circle Island Tour ONLY $100\/h min 4h $400 \u2022 Drinks + Fruits Free \u2022 8 PAX MAX \u2022 Pickup \u2192 Circle \u2192 Dropoff same location. Tap map for start point.<\/div><\/div>\n\n<span class=\"label\">5. WHEN<\/span>\n<div><span class=\"chip active\" data-when=\"now\">NOW 15-30 MIN WAIT<\/span><span class=\"chip\" data-when=\"later\">LATER SCHEDULED<\/span><\/div>\n<div id=\"laterBox\" class=\"hidden\"><div class=\"row\"><input id=\"date\" type=\"date\"><input id=\"time\" type=\"time\"><\/div><\/div>\n\n<span class=\"label\">6. WHAT \u2014 EXTRA<\/span>\n<textarea id=\"notes\" rows=\"2\" placeholder=\"Child seat? Surfboard? Extra notes...\"><\/textarea>\n\n<button class=\"btn\" id=\"send\">SEND VOUCHER \u2192 WHATSAPP CARD DESIGN<\/button>\n<div id=\"voucherPreview\"><\/div>\n<\/div>\n<div class=\"tabs\"><button class=\"active\">\u25ce BOOK RIDE<\/button><button onclick=\"document.getElementById('voucherPreview').scrollIntoView({behavior:'smooth'})\">\u25c8 VOUCHER<\/button><\/div>\n<\/div>\n<script>\nconst WA=\"68989660003\";\nconst map=new maplibregl.Map({container:'map',style:'https:\/\/demotiles.maplibre.org\/style.json',center:[-149.4068,-17.65],zoom:11});\nlet service=\"taxi\",type=\"pickup\",when=\"now\",pickupLL=null,dropoffLL=null,m1=null,m2=null;\nconst AIRPORT=[-149.6065,-17.5567];\nfunction short(ll){return `${ll[1].toFixed(4)}, ${ll[0].toFixed(4)}`;}\nfunction setPickup(ll,label){pickupLL=ll;document.getElementById('pickup').value=label||`Pickup: ${short(ll)}`;if(m1)m1.remove();m1=new maplibregl.Marker({color:\"#E8A85C\"}).setLngLat(ll).addTo(map);update();}\nfunction setDrop(ll,label){dropoffLL=ll;document.getElementById('dropoff').value=label||`Dropoff: ${short(ll)}`;if(m2)m2.remove();m2=new maplibregl.Marker({color:\"#fff\"}).setLngLat(ll).addTo(map);update();}\nfunction applyType(){\ndocument.getElementById('arrivalBox').classList.toggle('hidden',type!=='arrival');\ndocument.getElementById('departureBox').classList.toggle('hidden',type!=='departure');\ndocument.getElementById('circleBox').classList.toggle('hidden',service!=='circle');\nif(type==='arrival'){setPickup(AIRPORT,\"Fa'a'\u0101 Airport PPT \u2022 International Arrival\");}else if(type==='departure'){setDrop(AIRPORT,\"Fa'a'\u0101 Airport PPT \u2022 Departure\");}\nupdate();\n}\ndocument.querySelectorAll('[data-service]').forEach(c=>c.onclick=()=>{document.querySelectorAll('[data-service]').forEach(x=>x.classList.remove('active'));c.classList.add('active');service=c.dataset.service;applyType();update();});\ndocument.querySelectorAll('[data-type]').forEach(c=>c.onclick=()=>{document.querySelectorAll('[data-type]').forEach(x=>x.classList.remove('active'));c.classList.add('active');type=c.dataset.type;if(type==='pickup'){pickupLL=null;dropoffLL=null;if(m1)m1.remove();if(m2)m2.remove();document.getElementById('pickup').value='';document.getElementById('dropoff').value='';}applyType();});\ndocument.querySelectorAll('[data-when]').forEach(c=>c.onclick=()=>{document.querySelectorAll('[data-when]').forEach(x=>x.classList.remove('active'));c.classList.add('active');when=c.dataset.when;document.getElementById('laterBox').classList.toggle('hidden',when==='now');update();});\nmap.on('click',e=>{const ll=[e.lngLat.lng,e.lngLat.lat];if(type==='arrival){setDrop(ll);}else if(type==='departure'){setPickup(ll);}else{if(!pickupLL)setPickup(ll);else if(!dropoffLL)setDrop(ll);else{pickupLL=null;dropoffLL=null;if(m1)m1.remove();if(m2)m2.remove();setPickup(ll);}}});\nfunction update(){\nconst name=document.getElementById('name').value||\"Guest\";const pax=document.getElementById('pax').value;const lug=document.getElementById('luggage').value;const svc=service;const t=type;const flight=document.getElementById('flightNo').value||document.getElementById('flightNo2').value||\"-\";const vNo='LUX-'+Math.floor(100000+Math.random()*900000);\nif(!pickupLL||!dropoffLL){document.getElementById('voucherPreview').innerHTML='<div class=\"voucher\" style=\"color:#888;text-align:center\">Tap map: '+(t==='arrival'?'Choose dropoff (pickup = Airport)':t==='departure'?'Choose pickup (dropoff = Airport)':'Pickup then Dropoff')+'<\/div>';return;}\nconst fare=svc==='circle'?400:svc==='private'?80:45;\ndocument.getElementById('voucherPreview').innerHTML=`<div class=\"voucher\">\n<div style=\"display:flex;justify-content:space-between;font-size:9px;letter-spacing:.15em;color:#E8A85C\"><span>PREMIUM \u2022 BLACK GOLD \u2022 ${svc.toUpperCase()}<\/span><span>VOUCHER #${vNo}<\/span><\/div>\n<div style=\"text-align:center;margin:10px 0\"><div style=\"font-size:10px;letter-spacing:.2em;color:#E8A85C\">VOUCHER<\/div><div style=\"font-size:20px;font-weight:800\">#${vNo} \u2022 ${t.toUpperCase()}<\/div><\/div>\n<div style=\"font-size:12px;line-height:1.6\">\n\ud83d\udccd <b>Pickup:<\/b> ${document.getElementById('pickup').value}<br>\n\ud83d\udccd <b>Dropoff:<\/b> ${document.getElementById('dropoff').value}<br>\n\ud83d\udc64 ${name} \u2022 ${pax} \u2022 \ud83e\uddf3 ${lug}<br>\n\ud83d\ude95 ${svc.toUpperCase()} ${svc==='circle'?'$100\/H ONLY MIN 4H $400':''} \u2022 \ud83d\udcb0 $${fare}<br>\n\u2708\ufe0f ${t.toUpperCase()} \u2022 Flight: ${flight}<br>\n\u23f0 ${when==='now'?'NOW 15-30 MIN WAIT':'LATER '+document.getElementById('date').value+' '+document.getElementById('time').value}<br>\n\ud83d\ude98 Driver: Teva Maybach 5.0\u2605<br>\n<\/div>\n<\/div>`;\nwindow._data={vNo,name,pax,lug,svc,t,flight,fare,when};\n}\n['name','pax','luggage','flightNo','flightNo2','date','time'].forEach(id=>{const el=document.getElementById(id);if(el){el.addEventListener('input',update);el.addEventListener('change',update);}});\ndocument.getElementById('send').onclick=()=>{\nif(!pickupLL||!dropoffLL){alert(\"Tap map first \u2014 \"+(type==='arrival'?'choose dropoff':'choose pickup and dropoff'));return;}\nconst d=window._data;const notes=document.getElementById('notes').value||\"-\";const phone=document.getElementById('phone').value||\"-\";\nconst txt=`\ud83c\udf3a LUXURY TRANSFER VOUCHER \u2022 PREMIUM BLACK GOLD\n\nVOUCHER #${d.vNo} \u2022 WA${Date.now().toString().slice(-4)} \u2022 ${d.svc.toUpperCase()} \u2022 ${d.t.toUpperCase()}\n\nWHO: ${d.name} \u2022 ${d.pax} \u2022 Luggage: ${d.lug} \u2022 Phone: ${phone}\nWHERE:\n\ud83d\udccd Pickup: ${document.getElementById('pickup').value}\nhttps:\/\/maps.google.com\/?q=${pickupLL[1]},${pickupLL[0]}\n\ud83d\udccd Dropoff: ${document.getElementById('dropoff').value}\nhttps:\/\/maps.google.com\/?q=${dropoffLL[1]},${dropoffLL[0]}\nWHAT: ${d.svc.toUpperCase()} ${d.svc==='circle'?'$100\/H ONLY MIN 4H $400 DRINKS+FRUITS FREE':''} \u2022 Fare $${d.fare}\nFLIGHT: ${d.flight} \u2022 ${document.getElementById('airline')?.value||''} ${document.getElementById('airline2')?.value||''}\nWHEN: ${d.when==='now'?'NOW 15-30 MIN WAIT':`LATER ${document.getElementById('date').value} ${document.getElementById('time').value}`}\nNOTES: ${notes}\n\n\ud83d\ude98 Driver: Teva \u2022 Mercedes-Maybach S-Class \u2022 License PL-8842-TH \u2022 5.0\u2605\n\ud83d\udd16 Voucher #${d.vNo} \u2022 QR Scan for Pickup\n\nMaps:\nPickup: https:\/\/maps.google.com\/?q=${pickupLL[1]},${pickupLL[0]}\nDropoff: https:\/\/maps.google.com\/?q=${dropoffLL[1]},${dropoffLL[0]}`;\nwindow.open(`https:\/\/wa.me\/${WA}?text=${encodeURIComponent(txt)}`,'_blank');\n};\nupdate();\n<\/script><\/body><\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>LUXURY RIDE \u2022 Book \u2192 Voucher \u2192 WhatsApp \u25ce\u26f6 TLUXURY RIDE \u2022 CLIENT GOLD8 PAX MAX \u2022 15-30 min waitEST 2026 BOOK A RIDE \u2022 TAP MAP SERVICETaxi $25 + $2.5\/kmCircle $100\/h min 4h $400 ONLY \u2014\u2014 NOW 15-30 MINLATER + ICS GCAL No voucher yet \u2014 book a ride firstHISTORY \u25ce BOOK RIDE\u25c8 VOUCHER […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-259","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mana-corp.com\/index.php?rest_route=\/wp\/v2\/pages\/259","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mana-corp.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mana-corp.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mana-corp.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mana-corp.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=259"}],"version-history":[{"count":7,"href":"https:\/\/mana-corp.com\/index.php?rest_route=\/wp\/v2\/pages\/259\/revisions"}],"predecessor-version":[{"id":266,"href":"https:\/\/mana-corp.com\/index.php?rest_route=\/wp\/v2\/pages\/259\/revisions\/266"}],"wp:attachment":[{"href":"https:\/\/mana-corp.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=259"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}