// Translations
const TRANSLATIONS = {
  ar: {
    // nav
    nav: {
      home: 'الرئيسية',
      services: 'خدماتنا',
      taboor: 'نظام طابور',
      about: 'عن الشركة',
      contact: 'تواصل معنا',
    },
    // header
    langToggle: 'EN',
    contactCta: 'تواصل معنا',
    // hero
    hero: {
      eyebrow: 'شركة تقنية',
      title1: 'حلول تقنية حديثة',
      title2: 'لبناء مستقبل رقمي أفضل',
      subtitle: 'نقوم بتطوير تطبيقات وأنظمة ذكية مصممة خصيصًا لاحتياجات الأعمال الحديثة',
      cta: 'تواصل معنا',
      ctaSecondary: 'استكشف خدماتنا',
      scroll: 'مرّر للأسفل',
      stat1Label: 'منتجنا الرئيسي',
      stat1Value: 'طابور',
      stat2Label: 'منصات مدعومة',
      stat2Value: 'iOS · Android · Web',
      stat3Label: 'أساس التصميم',
      stat3Value: 'تجربة مستخدم حديثة',
    },
    // services
    services: {
      eyebrow: 'خدماتنا',
      title: 'ما نقدمه',
      subtitle: 'نبني منتجات رقمية متكاملة من الفكرة الأولى وحتى الإطلاق والتشغيل',
      s1: {
        tag: 'الخدمة 01',
        title: 'نظام إدارة الطوابير',
        desc: 'نظام ذكي ومتقدم لإدارة الطوابير الرقمية، يقلل وقت الانتظار ويرفع كفاءة الخدمة بلوحة تحكم متكاملة.',
        bullets: [
          'أرقام انتظار رقمية فورية',
          'لوحة تحكم متقدمة',
          'تتبع مباشر للحالة',
          'تقارير وإحصائيات تفصيلية',
        ],
      },
      learnMore: 'تعرف أكثر',
    },
    // taboor
    taboor: {
      badge: 'نظام متقدم وفعال',
      productTag: 'منتج OFUQ',
      title: 'طابور',
      titleEn: 'Taboor',
      subtitle: 'نظام إدارة طوابير متكامل وجاهز للإنتاج',
      description: 'منصة طابور هي حل ذكي ومتقدم لإدارة الطوابير الرقمية، صُممت لتقدم تجربة سلسة لكل من العميل ومقدم الخدمة. مدمجة بالكامل وجاهزة للاستخدام الفوري.',
      f1Title: 'نظام أرقام انتظار رقمي',
      f1Desc: 'إصدار وتتبع أرقام الانتظار رقميًا في لحظات.',
      f2Title: 'لوحة تحكم متقدمة',
      f2Desc: 'إدارة كاملة للطوابير والمحطات والخدمات.',
      f3Title: 'تتبع مباشر وفعال',
      f3Desc: 'تحديثات حية لكل العملاء والموظفين.',
      cta: 'جرب النظام الآن',
      visit: 'taboor.ofuq.tech',
      live: 'متاح الآن',
      // demo display
      demoNow: 'الآن يخدم',
      demoNext: 'التالي',
      demoWaiting: 'في الانتظار',
      demoCounter: 'المحطة',
    },
    // about
    about: {
      eyebrow: 'عن الشركة',
      title: 'نبني الجيل القادم من المنتجات الرقمية',
      p1: 'OFUQ Tech شركة تقنية متخصصة في تطوير الحلول الرقمية الحديثة. نؤمن بأن التقنية الجيدة هي تلك التي تختفي خلف تجربة لا تُنسى.',
      p2: 'نركز على الابتكار والجودة في كل تفصيل، من المعمارية البرمجية حتى آخر بكسل في الواجهة. هدفنا بناء أدوات تساعد الشركات على النمو وتقدم لعملائها قيمة حقيقية.',
      visionLabel: 'رؤيتنا',
      vision: 'بناء مستقبل رقمي أفضل، حيث تكون التقنية في خدمة الإنسان لا العكس.',
      pillars: [
        { k: 'الابتكار', v: 'نحول الأفكار الجريئة إلى منتجات فعلية.' },
        { k: 'الجودة', v: 'الإتقان قاعدة، ليس استثناءً.' },
        { k: 'الشفافية', v: 'تواصل واضح في كل مرحلة.' },
      ],
    },
    // contact
    contact: {
      eyebrow: 'تواصل معنا',
      title: 'لنبني شيئًا رائعًا معًا',
      subtitle: 'لديك مشروع أو فكرة؟ راسلنا وسنرد خلال يوم عمل واحد.',
      emailLabel: 'البريد الإلكتروني',
      whatsappLabel: 'واتساب',
      whatsappPrefill: 'مرحباً، أود التواصل معكم بخصوص',
      websiteLabel: 'الموقع',
      productLabel: 'منتجاتنا',
      nameField: 'الاسم',
      emailField: 'البريد الإلكتروني',
      messageField: 'الرسالة',
      namePh: 'اسمك الكامل',
      emailPh: 'you@example.com',
      messagePh: 'أخبرنا عن مشروعك...',
      send: 'إرسال الرسالة',
      sending: 'جاري الإرسال...',
      success: 'تم إرسال رسالتك بنجاح',
      activationRequired: 'تم استلام الرسالة، ولكن يلزم تأكيد تفعيل استقبال البريد أولاً.',
      firstActivationHint: 'إذا كانت هذه أول رسالة عبر النموذج، تحقق من بريدك (والرسائل غير المرغوبة) لتأكيد تفعيل FormSubmit.',
      error: 'يرجى ملء جميع الحقول',
      invalidEmail: 'يرجى إدخال بريد إلكتروني صحيح',
      sendFailed: 'تعذر إرسال الرسالة حالياً. يرجى المحاولة مرة أخرى أو مراسلتنا على البريد مباشرة.',
    },
    // footer
    footer: {
      tagline: 'حلول تقنية حديثة لمستقبل رقمي أفضل',
      links: 'روابط',
      products: 'المنتجات',
      reach: 'تواصل',
      version: 'الإصدار',
      rights: 'جميع الحقوق محفوظة',
      built: 'صُمم وطُور بالكامل في OFUQ Tech',
    },
  },
  en: {
    nav: {
      home: 'Home',
      services: 'Services',
      taboor: 'Queue System',
      about: 'About',
      contact: 'Contact',
    },
    langToggle: 'AR',
    contactCta: 'Contact Us',
    hero: {
      eyebrow: 'A tech company',
      title1: 'Modern Tech Solutions',
      title2: 'for a Better Digital Future',
      subtitle: 'We develop custom applications and intelligent systems designed specifically for modern business needs.',
      cta: 'Contact Us',
      ctaSecondary: 'Explore Services',
      scroll: 'Scroll to explore',
      stat1Label: 'Our flagship product',
      stat1Value: 'Taboor',
      stat2Label: 'Platforms supported',
      stat2Value: 'iOS · Android · Web',
      stat3Label: 'Built around',
      stat3Value: 'Modern UX',
    },
    services: {
      eyebrow: 'Services',
      title: 'What we do',
      subtitle: 'We build complete digital products from first idea through launch and operations.',
      s1: {
        tag: 'Service 01',
        title: 'Queue Management System',
        desc: 'An advanced, intelligent queue management platform that cuts wait times and lifts service efficiency through a unified dashboard.',
        bullets: [
          'Instant digital queue numbers',
          'Advanced control dashboard',
          'Real-time status tracking',
          'Detailed analytics & reports',
        ],
      },
      learnMore: 'Learn more',
    },
    taboor: {
      badge: 'Advanced & Effective System',
      productTag: 'OFUQ Product',
      title: 'Taboor',
      titleEn: 'Taboor',
      subtitle: 'A fully integrated, production-ready queue system',
      description: 'Taboor is an intelligent, advanced queue management platform built to deliver a smooth experience for both customers and service providers. Fully integrated and ready to deploy.',
      f1Title: 'Digital Queue Number System',
      f1Desc: 'Issue and track waiting numbers digitally, in seconds.',
      f2Title: 'Advanced Dashboard',
      f2Desc: 'Full control over queues, counters, and services.',
      f3Title: 'Real-time Tracking',
      f3Desc: 'Live updates for every customer and operator.',
      cta: 'Try the System Now',
      visit: 'taboor.ofuq.tech',
      live: 'Live now',
      demoNow: 'Now serving',
      demoNext: 'Next',
      demoWaiting: 'In queue',
      demoCounter: 'Counter',
    },
    about: {
      eyebrow: 'About',
      title: 'Building the next generation of digital products',
      p1: 'OFUQ Tech is a technology company specialized in modern digital solutions. We believe great technology is the kind that disappears behind a memorable experience.',
      p2: 'We focus on innovation and quality at every level — from system architecture down to the last pixel of the interface. Our goal is to build tools that help businesses grow and deliver real value to their customers.',
      visionLabel: 'Our Vision',
      vision: 'Build a better digital future, where technology serves people — not the other way around.',
      pillars: [
        { k: 'Innovation', v: 'Turning bold ideas into real products.' },
        { k: 'Quality', v: 'Craftsmanship is the rule, not the exception.' },
        { k: 'Transparency', v: 'Clear communication at every stage.' },
      ],
    },
    contact: {
      eyebrow: 'Contact',
      title: "Let's build something great together",
      subtitle: 'Have a project or an idea? Send us a note — we usually reply within one business day.',
      emailLabel: 'Email',
      whatsappLabel: 'WhatsApp',
      whatsappPrefill: 'Hi, I would like to get in touch regarding',
      websiteLabel: 'Website',
      productLabel: 'Our Product',
      nameField: 'Name',
      emailField: 'Email',
      messageField: 'Message',
      namePh: 'Your full name',
      emailPh: 'you@example.com',
      messagePh: 'Tell us about your project...',
      send: 'Send Message',
      sending: 'Sending...',
      success: 'Your message has been sent successfully',
      activationRequired: 'Your message was accepted, but email forwarding activation still needs confirmation.',
      firstActivationHint: 'If this is your first submission, check your inbox/spam and confirm the FormSubmit activation email.',
      error: 'Please fill in all fields',
      invalidEmail: 'Please enter a valid email address',
      sendFailed: 'Could not send your message right now. Please try again or email us directly.',
    },
    footer: {
      tagline: 'Modern tech solutions for a better digital future',
      links: 'Links',
      products: 'Products',
      reach: 'Reach',
      version: 'Version',
      rights: 'All rights reserved',
      built: 'Designed and built end-to-end by OFUQ Tech',
    },
  },
};

const LangContext = React.createContext({ lang: 'ar', t: TRANSLATIONS.ar, setLang: () => {} });

function LangProvider({ children }) {
  const [lang, setLangState] = React.useState(() => {
    try {
      const saved = localStorage.getItem('ofuq.lang');
      if (saved === 'en' || saved === 'ar') return saved;
    } catch (e) {}
    return 'ar';
  });

  React.useEffect(() => {
    document.documentElement.lang = lang;
    document.documentElement.dir = lang === 'ar' ? 'rtl' : 'ltr';
    document.body.dir = lang === 'ar' ? 'rtl' : 'ltr';
    document.body.classList.toggle('font-ar', lang === 'ar');
    document.body.classList.toggle('font-en', lang === 'en');
    try { localStorage.setItem('ofuq.lang', lang); } catch (e) {}
  }, [lang]);

  const setLang = (l) => setLangState(l);

  const value = { lang, t: TRANSLATIONS[lang], setLang };
  return <LangContext.Provider value={value}>{children}</LangContext.Provider>;
}

const useLang = () => React.useContext(LangContext);

Object.assign(window, { LangContext, LangProvider, useLang, TRANSLATIONS });