// ═══════════════════════════════════════════════════════════════
//  Accessibility Statement Page (הצהרת נגישות)
//  Mandatory under Israeli law (תקנות שוויון זכויות לאנשים עם מוגבלות)
// ═══════════════════════════════════════════════════════════════

window.AccessibilityStatementPage = function AccessibilityStatementPage() {
  const { navigate } = window.useRouter ? window.useRouter() : { navigate: () => {} };
  const today = new Date().toLocaleDateString('he-IL', { year: 'numeric', month: 'long', day: 'numeric' });

  return (
    <div className="max-w-3xl mx-auto py-8 px-4 animate-fade-in">
      <button
        onClick={() => history.back()}
        className="text-sm text-brand-700 hover:underline mb-4 flex items-center gap-1 focus-visible:ring-2 focus-visible:ring-brand-500 rounded"
      >
        <window.Icon.ChevronLeft size={16}/> חזרה
      </button>

      <div className="surface p-8 md:p-10">
        <h1 className="font-display font-black text-3xl md:text-4xl text-slate-900 mb-2">הצהרת נגישות</h1>
        <div className="text-sm text-slate-500 mb-8">מערכת ניהול הקול הקורא · הרשות לפיתוח כלכלי חברתי של המגזר החרדי · משרד ראש הממשלה</div>

        <section className="mb-6">
          <h2 className="font-display font-bold text-xl text-slate-900 mb-3">מחויבות לנגישות</h2>
          <p className="text-sm text-slate-700 leading-relaxed">
            הרשות החרדית רואה בנגישות ערך עליון ופועלת להנגיש את שירותיה הדיגיטליים לציבור הרחב,
            לרבות אנשים עם מוגבלויות, בהתאם לחוק שוויון זכויות לאנשים עם מוגבלות, התשנ"ח-1998,
            ותקנות שוויון זכויות לאנשים עם מוגבלות (התאמות נגישות לשירות), התשע"ג-2013.
          </p>
        </section>

        <section className="mb-6">
          <h2 className="font-display font-bold text-xl text-slate-900 mb-3">תקן ורמת תאימות</h2>
          <p className="text-sm text-slate-700 leading-relaxed mb-3">
            המערכת הזאת עומדת ברמת תאימות AA של הנחיות הנגישות לתוכן באינטרנט WCAG 2.1,
            בהתאם לתקן הישראלי <strong>ת"י 5568</strong>, כנדרש בתקנות שוויון זכויות לאנשים עם מוגבלות.
          </p>
        </section>

        <section className="mb-6">
          <h2 className="font-display font-bold text-xl text-slate-900 mb-3">פעולות נגישות שננקטו</h2>
          <ul className="list-disc pr-6 space-y-2 text-sm text-slate-700">
            <li>תמיכה בקוראי מסך (NVDA, JAWS, VoiceOver) באמצעות תגיות ARIA וסמנטיקה נאותה</li>
            <li>ניווט מלא באמצעות מקלדת בכל רחבי המערכת</li>
            <li>סימון ברור של מוקד (focus) לכל אלמנט אינטראקטיבי</li>
            <li>קישור "דלג לתוכן" המופיע ראשון בסדר המיקוד</li>
            <li>תפריט נגישות נגיש מכל דף (כפתור בפינה שמאלית תחתונה · קיצור Alt+N)</li>
            <li>שלוש רמות של גודל טקסט (רגיל / גדול / גדול מאוד)</li>
            <li>מצב ניגודיות גבוהה</li>
            <li>אפשרות להדגיש קישורים</li>
            <li>אפשרות לצמצום אנימציות</li>
            <li>ניגודיות צבעים מינימלית 4.5:1 לטקסט רגיל</li>
            <li>טקסט חלופי לתמונות (alt) ותוויות (aria-label) לכפתורים ואייקונים</li>
            <li>מבנה כותרות היררכי תקני (H1, H2, H3)</li>
            <li>שפה עברית מוצהרת ב-HTML (<code dir="ltr">lang="he"</code>, <code dir="ltr">dir="rtl"</code>)</li>
            <li>טפסים עם תוויות ברורות והודעות שגיאה מפורשות</li>
            <li>העדפות נגישות נשמרות מסשן לסשן</li>
          </ul>
        </section>

        <section className="mb-6">
          <h2 className="font-display font-bold text-xl text-slate-900 mb-3">חלקים שטרם נגישים במלואם</h2>
          <ul className="list-disc pr-6 space-y-2 text-sm text-slate-700">
            <li>
              <strong>מסמכי PDF מצורפים</strong> — חלק מהמסמכים המצורפים (דוגמת חשבוניות סרוקות,
              דו"חות חיצוניים) אינם נגישים ברמה מלאה מכיוון שהם מגיעים ממקורות חיצוניים.
              אנחנו פועלים להנגיש את המסמכים שנוצרים על ידנו, כגון טופסי דרישת תשלום.
            </li>
            <li>
              <strong>מפות אינטראקטיביות</strong> (מודול תכנון מסלולים) — מבוססות על Leaflet
              ונגישות חלקית. ניתן לקבל את המידע בצורה טבלאית בדף "רשויות".
            </li>
          </ul>
        </section>

        <section className="mb-6">
          <h2 className="font-display font-bold text-xl text-slate-900 mb-3">דרכי יצירת קשר עם רכז הנגישות</h2>
          <div className="p-4 rounded-xl bg-slate-50 border border-slate-200 text-sm text-slate-800">
            <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
              <div>
                <div className="text-xs text-slate-500 font-bold">שם</div>
                <div>רכז נגישות · הרשות החרדית</div>
              </div>
              <div>
                <div className="text-xs text-slate-500 font-bold">דוא"ל</div>
                <div dir="ltr"><a href="mailto:accessibility@haredim.pmo.gov.il" className="text-brand-700 hover:underline">accessibility@haredim.pmo.gov.il</a></div>
              </div>
              <div>
                <div className="text-xs text-slate-500 font-bold">טלפון</div>
                <div dir="ltr"><a href="tel:+972723389910" className="text-brand-700 hover:underline">072-338-9910</a></div>
              </div>
              <div>
                <div className="text-xs text-slate-500 font-bold">זמן מענה</div>
                <div>עד 10 ימי עבודה</div>
              </div>
            </div>
            <div className="mt-3 text-xs text-slate-600">
              נשמח לקבל משוב, הערות או דיווחים על בעיות נגישות. כתובת הטופס ברורה.
              במידה ולא נענינו כנדרש, ניתן לפנות לנציב שוויון זכויות לאנשים עם מוגבלות, משרד המשפטים.
            </div>
          </div>
        </section>

        <section className="mb-4">
          <h2 className="font-display font-bold text-xl text-slate-900 mb-3">עדכון אחרון</h2>
          <p className="text-sm text-slate-700">
            הצהרה זו עודכנה לאחרונה בתאריך <strong>{today}</strong>.
            בדיקת נגישות נערכת באופן רבעוני ע"י צוות פיתוח המערכת.
          </p>
        </section>

        <div className="pt-6 mt-6 border-t border-slate-200 text-xs text-slate-500 text-center">
          המערכת פותחה בהתאם ל-WCAG 2.1 AA · ת"י 5568 · תקנות שוויון זכויות לאנשים עם מוגבלות (התאמות נגישות לשירות), התשע"ג-2013
        </div>
      </div>
    </div>
  );
};