Trips: Show the driver card

trips.html

@@ -1,6 +1,6 @@
 <!doctype html>
 <html lang="en">
-<head><script>window.huggingface={variables:{"SPACE_CREATOR_USER_ID":"6ac2ff4d9f39a66f2405ee29"}};</script><script>window.huggingface={variables:{"SPACE_CREATOR_USER_ID":"6ac2ff4d9f39a66f2405ee29"}};</script>
+<head><script>window.huggingface={variables:{"SPACE_CREATOR_USER_ID":"6ac2ff4d9f39a66f2405ee29"}};</script><script>window.huggingface={variables:{"SPACE_CREATOR_USER_ID":"6ac2ff4d9f39a66f2405ee29"}};</script><script>window.huggingface={variables:{"SPACE_CREATOR_USER_ID":"6ac2ff4d9f39a66f2405ee29"}};</script>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover, maximum-scale=1">
 <title>Trips with Wheelie</title>
@@ -194,7 +194,7 @@ h3{font-size:13px;letter-spacing:.8px;text-transform:uppercase;color:var(--dim);
   <div class="sb" id="sb"></div>
 </section>
 
-<div id="nav" role="status" aria-live="polite"><p id="navT"></p><small id="navD"></small><div class="navb"><button class="act b" id="navRe" style="display:none">↻ New route</button><a class="act" id="navWave" href="https://apps.apple.com/app/id6747179377" target="_blank" rel="noopener" style="background:#5BC0F8;color:#000;text-decoration:none" aria-label="Open Wave by OCTA to pay your fare">&#x1F4B3; Wave</a><button class="act" id="navStop" style="background:#fff;color:#000">■ End trip</button></div></div>
+<div id="nav" role="status" aria-live="polite"><p id="navT"></p><small id="navD"></small><div class="navb"><button class="act b" id="navRe" style="display:none">↻ New route</button><button class="act" id="navDrv" style="background:#FF6FB5;color:#000" aria-label="Show the driver what I need">&#x1F9BD; Driver</button><a class="act" id="navWave" href="https://apps.apple.com/app/id6747179377" target="_blank" rel="noopener" style="background:#5BC0F8;color:#000;text-decoration:none" aria-label="Open Wave by OCTA to pay your fare">&#x1F4B3; Wave</a><button class="act" id="navStop" style="background:#fff;color:#000">■ End trip</button></div></div>
 <div id="tl" aria-label="Trips home">
  <div class="tlh"><a class="tlb" href="index.html" aria-label="Back to Wheelie">‹</a><img src="wheelie.jpg" alt=""><div><b>Let's roll.</b><span>Where are we going today?</span></div></div>
  <button class="tc" data-k="home" style="--d:0s"><i class="sp"></i><svg class="tr" viewBox="0 0 300 80"><path d="M10 60 C 80 10, 140 75, 200 30 S 280 20, 290 40"/></svg><em>🏠</em><b>Find your way home</b><span id="tlHomeSub">One tap and Wheelie gets you home, every step of the way.</span></button>
@@ -562,6 +562,7 @@ function stopTrip(quiet){
  n.classList.remove('on');$('plan').style.display='';$('navRe').style.display='none';
  if(!quiet){sheet('open');var b=$('newTrip');b&&b.scrollIntoView({behavior:'smooth',block:'center'})}
 }
+$('navDrv').onclick=function(){var off='';try{var L=st.its[st.sel].legs||[];for(var i=0;i<L.length;i++){if(!isWalk(L[i])){off=nm(L[i].to);break}}}catch(_){}var o=document.getElementById('drvCard');if(!o){o=document.createElement('div');o.id='drvCard';o.setAttribute('role','dialog');o.setAttribute('aria-label','Message for the driver');o.style.cssText='position:fixed;inset:0;z-index:2147483646;background:#FF6FB5;color:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;font-family:inherit';o.onclick=function(){o.style.display='none'};document.body.appendChild(o)}o.innerHTML='';var h=document.createElement('div');h.style.cssText='font-size:80px;line-height:1';h.textContent='\uD83E\uDDBD';var t=document.createElement('div');t.style.cssText='font-size:38px;font-weight:900;line-height:1.2;margin:18px 0';t.textContent='Hi! I use a wheelchair. Please lower the ramp.';var s=document.createElement('div');s.style.cssText='font-size:30px;font-weight:800;line-height:1.25';s.textContent=off?('I\u2019m getting off at '+off+'.'):'';var th=document.createElement('div');th.style.cssText='font-size:26px;font-weight:700;margin-top:18px';th.textContent='Thank you!';var x=document.createElement('div');x.style.cssText='font-size:18px;margin-top:34px;opacity:.75';x.textContent='Tap anywhere to close';o.appendChild(h);o.appendChild(t);o.appendChild(s);o.appendChild(th);o.appendChild(x);o.style.display='flex'};
 $('navStop').onclick=function(){stopTrip();say('Okay, trip ended. Tap Plan a new trip whenever you\'re ready.')};
 $('navRe').onclick=function(){stopTrip(1);st.from=null;$('from').value='';plan()};
 function resetTrip(){stopTrip(1);