/* eslint-disable */
;(function(){
/* eslint-disable */
// יפן 2026 — "טיפים וטריקים (Tips & Tricks)" screen (under עוד). Works offline.
const ASSET_T = './assets';

// Wrap Latin / digit / ¥ runs in a bidi-isolated LTR span.
function bidi(text) {
  const parts = String(text).split(/([A-Za-z0-9¥][A-Za-z0-9¥/.,\-]*)/g);
  return parts.map((p, i) =>
    /^[A-Za-z0-9¥]/.test(p)
      ? React.createElement('span', { key:i, className:'ltr' }, p)
      : p
  );
}

const SECTIONS = [
  { title:'תחבורה 🚆', tint:'var(--lavender-tint)', deep:'var(--lavender-deep)', tips:[
    { e:'🎫', t:'קנו כרטיס IC (Suica/ICOCA): טוענים מראש, מעבירים בשער בכל רכבת ואוטובוס, ומשלמים בו גם בחנויות ובמכונות.' },
    { e:'🎨', t:'כל קו רכבת = צבע + אות (M אדום, T סגול). נווטו לפי הצבע והמספר, לא לפי היפנית.' },
    { e:'🧳', t:'שלחו מזוודה בין מלונות בשירות takuhaibin (יום עסקים אחד) — נוסעים ברכבת עם תיק קטן בלבד.' },
    { e:'🕛', t:'הרכבת האחרונה בסביבות חצות — בדקו מראש, מונית בלילה יקרה.' },
  ]},
  { title:'כסף 💴', tint:'var(--sun-tint)', deep:'var(--sun-deep)', tips:[
    { e:'🏧', t:'משכו ין בכספומט של 7-Eleven — מקבל כרטיסים זרים, 24/7.' },
    { e:'🪙', t:'שמרו ארנק מטבעות — נערמים מהר, שימושיים למכונות ולמקדשים.' },
    { e:'🛍️', t:'קניות פטורות ממס מעל ¥5,000 — קחו דרכון לחנות.' },
  ]},
  { title:'אוכל טבעוני 🌱', tint:'var(--vegan-full-tint)', deep:'var(--vegan-full)', star:true, tips:[
    { e:'🐟', t:'זהירות מ-dashi (ציר דגים) — מסתתר במרקים ובירקות. תמיד לשאול "dashi nashi de".' },
    { e:'📍', t:'אפליקציית HappyCow מוצאת מקומות טבעוניים בסביבה.' },
    { e:'🏪', t:'קונביני = רשת ביטחון: אוניגירי, פירות, אדממה.' },
  ]},
  { title:'נימוס ומנהגים 🙇', tint:'var(--sky-tint)', deep:'var(--sky-deep)', tips:[
    { e:'🚫', t:'לא נותנים טיפ — זה אפילו נחשב לא מנומס.' },
    { e:'🤫', t:'ברכבת שומרים על שקט — לא מדברים בטלפון.' },
    { e:'🥢', t:'לא אוכלים תוך כדי הליכה.' },
    { e:'↔️', t:'אסקלטור: בטוקיו עומדים משמאל, באוסקה מימין — הפוך!' },
    { e:'♨️', t:'באונסן: מתקלחים לפני, נכנסים בלי בגד ים, המגבת לא במים.' },
    { e:'🗑️', t:'כמעט אין פחי אשפה ברחוב — נושאים את הזבל עד המלון.' },
  ]},
  { title:'כללי 📱', tint:'var(--peach-tint)', deep:'var(--peach-deep)', tips:[
    { e:'📶', t:'eSIM או פוקט-וויפיי לאינטרנט — הזמינו מראש.' },
    { e:'🔌', t:'שקע Type A, 100V — אולי צריך מתאם.' },
    { e:'🚰', t:'מי הברז בטוחים לשתייה.' },
    { e:'📷', t:'Google Translate במצלמה מתרגם תפריטים ושלטים מיד.' },
  ]},
];

function TipRow({ tip, first }) {
  return (
    <div style={{ display:'flex', gap:11, padding:'12px 15px', alignItems:'flex-start',
      borderTop: first ? 'none' : '1px solid var(--hairline)' }}>
      <span aria-hidden="true" style={{ fontSize:19, lineHeight:1.35, flex:'0 0 auto' }}>{tip.e}</span>
      <span style={{ flex:1, minWidth:0, fontFamily:'var(--font-ui)', fontSize:14.5,
        lineHeight:'var(--lh-body)', color:'var(--ink-800, var(--ink-900))' }}>{bidi(tip.t)}</span>
    </div>
  );
}

function TipsScreen() {
  return (
    <div style={{ paddingBottom:28 }}>
      <header style={{ position:'relative', padding:'16px 20px 8px' }}>
        <img src={`${ASSET_T}/chibi/chibi-walk-point.png`} alt="" style={{ position:'absolute', top:0,
          insetInlineEnd:12, height:66, borderRadius:'var(--r-md)' }} />
        <div style={{ fontFamily:'var(--font-ui)', fontSize:13, color:'var(--ink-500)' }}>עוד · טיפים</div>
        <h1 style={{ fontFamily:'var(--font-display)', fontSize:44, lineHeight:0.9, color:'var(--ink-900)', margin:'2px 0 0' }}>טיפים וטריקים</h1>
        <div style={{ fontFamily:'var(--font-ui)', fontSize:14, color:'var(--ink-500)', marginTop:2 }}>הדברים שכדאי לדעת מראש 🎒</div>
      </header>

      <div style={{ display:'flex', flexDirection:'column', gap:18, padding:'12px 20px 0' }}>
        {SECTIONS.map((s,i)=>(
          <section key={i}>
            <h2 style={{ fontFamily:'var(--font-display)', fontSize:26, color:'var(--ink-700)', margin:'0 4px 8px', letterSpacing:0.5 }}>{s.title}</h2>
            <div style={{ background:s.tint, borderRadius:'var(--r-lg)', boxShadow:'var(--shadow-sm)', overflow:'hidden',
              border: s.star ? `1.5px solid color-mix(in srgb, ${s.deep} 30%, transparent)` : 'none' }}>
              {s.tips.map((t,j)=><TipRow key={j} tip={t} first={j===0} />)}
            </div>
          </section>
        ))}
      </div>
    </div>
  );
}

window.JP2026Tips = TipsScreen;

})();