/* ============ INFO: deposit rights + nearest recycling points ============ */
(function(){
  const { useState } = React;

  const RIGHTS=[
    {e:'💰', t:'כמה כסף מגיע לכם', x:'₪0.30 על כל מכל משקה בנפח 0.1–5 ליטר (זכוכית, אלומיניום ופלסטיק). על בקבוקי זכוכית מרובי-שימוש (בירה/יין) הפיקדון לרוב גבוה יותר — כ-₪1.20, לפי היצרן.'},
    {e:'🏪', t:'איפה מחזירים', x:'כל בית עסק שמוכר את אותו סוג משקה חייב לקבל מכם מכלים ריקים ומסומנים ולשלם את הפיקדון — גם אם לא קניתם שם דווקא.'},
    {e:'💵', t:'מזומן — לא רק זיכוי', x:'מותר לעסק להציע שובר זיכוי לקנייה, אבל אם תבקשו מזומן — הוא חייב להחזיר לכם את הפיקדון במזומן.'},
    {e:'🔢', t:'עד 50 מכלים ביום', x:'אפשר להחזיר עד 50 מכלים מסומנים ביום בכל בית עסק ולקבל את הפיקדון עליהם.'},
    {e:'🕐', t:'בלי הגבלת שעות', x:'אסור לבית עסק להגביל את החזרת המכלים לשעות מסוימות או לימים מסוימים.'},
    {e:'⚖️', t:'סירבו לקבל מכם?', x:'מגיע לכם פיצוי של עד ₪1,800 על כל סירוב. אפשר להתלונן למועצה הישראלית לצרכנות או למשרד להגנת הסביבה.'},
    {e:'🤖', t:'מכונות פיקדון', x:'ברשתות הגדולות (שופרסל, רמי לוי, יוחננוף, ויקטורי ועוד) יש מכונות שסורקות את המכלים ומדפיסות שובר זיכוי. תאגידי אל״ה ואסופתא מפעילים גם מרכזי איסוף ומכונות עירוניות.'},
    {e:'ℹ️', t:'שימו לב', x:'מסעדה או בית עסק שלא גבו מכם פיקדון מלכתחילה — אינם חייבים לקבל מכלים בחזרה.'},
  ];

  const POINTS=[
    {q:'מכונת פיקדון להחזרת בקבוקים', e:'🤖', label:'מכונות פיקדון'},
    {q:'סופרמרקט החזר פיקדון בקבוקים', e:'🛒', label:'סופרים שמקבלים פיקדון'},
    {q:'מרכז איסוף פיקדון בקבוקים', e:'🏬', label:'מרכזי איסוף פיקדון'},
  ];

  function InfoScreen(){
    const [loc,setLoc]=useState(null);
    const [busy,setBusy]=useState(false);
    const [err,setErr]=useState('');

    const mapHref=(q)=>{ const base='https://www.google.com/maps/search/'+encodeURIComponent(q); return loc ? base+'/@'+loc.lat+','+loc.lng+',14z' : base; };
    const osmHref = loc ? ('https://www.openstreetmap.org/#map=15/'+loc.lat+'/'+loc.lng) : 'https://www.openstreetmap.org/';
    const share=()=>{
      setErr('');
      if(!navigator.geolocation){ setErr('הדפדפן לא תומך בשיתוף מיקום'); return; }
      setBusy(true);
      navigator.geolocation.getCurrentPosition(
        (p)=>{ setLoc({lat:p.coords.latitude.toFixed(5), lng:p.coords.longitude.toFixed(5)}); setBusy(false); },
        ()=>{ setErr('לא הצלחנו לקבל מיקום — אפשר עדיין לחפש לפי המכשיר'); setBusy(false); },
        {enableHighAccuracy:true, timeout:8000}
      );
    };

    return (
      <div>
        <div className="sec-title"><h2>♻️ זכויות ומיחזור</h2><div className="ln"></div></div>

        <div className="locator">
          <div style={{fontSize:'2.4rem',lineHeight:1,marginBottom:6}}>📍</div>
          <div style={{fontWeight:800,color:'var(--ink)',fontSize:'1.05rem'}}>נקודות פיקדון לידכם</div>
          <p className="muted" style={{lineHeight:1.5,margin:'4px 0 0'}}>שתפו מיקום כדי לפתוח את המפה ממוקדת עליכם — רק מקומות שמחזירים לכם <b>פיקדון</b>: מכונות פיקדון, סופרים שמקבלים החזר ומרכזי איסוף פיקדון.</p>
          {err && <div className="err" style={{marginTop:10,marginBottom:0}}>{err}</div>}
          <button className="btn cyan" style={{marginTop:12}} onClick={share} disabled={busy}>{busy?'מאתר…':(loc?'📍 המיקום שותף ✓':'📍 שיתוף מיקום')}</button>
          <div className="loc-pts">
            {POINTS.map(p=>(
              <a className="loc-pt" key={p.q} href={mapHref(p.q)} target="_blank" rel="noopener noreferrer">
                <span className="lp-emoji">{p.e}</span>{p.label}<span className="lp-arrow">←</span>
              </a>
            ))}
          </div>
          <p className="muted" style={{margin:'10px 0 0',fontSize:'.72rem',lineHeight:1.5}}>הכפתורים מחפשים נקודות שמחזירות פיקדון ב-Google Maps {loc?'סביב המיקום שלכם':'לפי מיקום המכשיר'}. שימו לב: כלובי מיחזור רגילים (ללא פיקדון) לא מופיעים כאן — שם לא מקבלים כסף.</p>
          <a className="linkbtn" style={{display:'inline-block',marginTop:6,color:'var(--cyan-dk)'}} href={osmHref} target="_blank" rel="noopener noreferrer">🗺️ פתיחת מפה סביבי (OpenStreetMap)</a>
        </div>

        <div className="sec-title" style={{marginTop:6}}><h2>הזכויות שלכם בהחזרת מכלים</h2><div className="ln"></div></div>
        {RIGHTS.map((r,i)=>(
          <div className="info-card" key={i}>
            <div className="ic-emoji">{r.e}</div>
            <div className="ic-body"><div className="ic-title">{r.t}</div><div className="ic-text">{r.x}</div></div>
          </div>
        ))}

        <div className="info-links">
          <a href="https://www.kolzchut.org.il/he/מיחזור_בקבוקים" target="_blank" rel="noopener noreferrer">כל-זכות</a>
          <a href="https://www.gov.il/he/departments/ministry_of_environmental_protection" target="_blank" rel="noopener noreferrer">המשרד להגנת הסביבה</a>
        </div>
        <p className="muted" style={{textAlign:'center',marginTop:10,color:'#8fe6b6',lineHeight:1.6,fontSize:'.74rem'}}>
          המידע כללי בלבד ואינו ייעוץ משפטי · מבוסס על חוק הפיקדון על מכלי משקה, התשנ״ט-1999.
        </p>

        {window.CollabInvite && <window.CollabInvite/>}
      </div>
    );
  }

  Object.assign(window, { InfoScreen });
})();