// Function to set the language function setLanguage(lang) { const body = document.body; const surveyAr = document.getElementById(‘survey-ar’); const surveyEn = document.getElementById(‘survey-en’); const langSelection = document.getElementById(‘language-selection’); if (lang === ‘ar’) { body.setAttribute(‘lang’, ‘ar’); body.setAttribute(‘dir’, ‘rtl’); surveyAr.classList.remove(‘hidden’); surveyEn.classList.add(‘hidden’); } else { body.setAttribute(‘lang’, ‘en’); body.setAttribute(‘dir’, ‘ltr’); surveyEn.classList.remove(‘hidden’); surveyAr.classList.add(‘hidden’); } langSelection.classList.add(‘hidden’); // Hide language selection after choice } // Custom radio/checkbox styling logic document.querySelectorAll(‘input[type=”radio”]’).forEach(radio => { radio.addEventListener(‘change’, function() { const name = this.name; // Find all labels associated with this radio group document.querySelectorAll(`input[name=”${name}”]`).forEach(otherRadio => { const label = otherRadio.closest(‘label’); if (label) { const customSpan = label.querySelector(‘.radio-custom’); if (customSpan) { customSpan.style.backgroundColor = ”; customSpan.style.borderColor = ‘#B0D8FF’; customSpan.style.color = ‘#333333’; label.style.fontWeight = ‘normal’; } } }); if (this.checked) { const label = this.closest(‘label’); if (label) { const customSpan = label.querySelector(‘.radio-custom’); if (customSpan) { customSpan.style.backgroundColor = ‘#007BFF’; customSpan.style.borderColor = ‘#007BFF’; customSpan.style.color = ‘white’; label.style.fontWeight = ‘700’; } } } }); }); document.querySelectorAll(‘input[type=”checkbox”]’).forEach(checkbox => { checkbox.addEventListener(‘change’, function() { const label = this.closest(‘label’); if (label) { const customSpan = label.querySelector(‘.checkbox-custom’); if (customSpan) { if (this.checked) { customSpan.style.backgroundColor = ‘#007BFF’; customSpan.style.borderColor = ‘#007BFF’; customSpan.style.color = ‘white’; label.style.fontWeight = ‘700’; } else { customSpan.style.backgroundColor = ”; customSpan.style.borderColor = ‘#B0D8FF’; customSpan.style.color = ‘#333333’; label.style.fontWeight = ‘normal’; } } } }); }); // Function to collect survey data function collectSurveyData(formId) { const form = document.getElementById(formId); const data = {}; // Collect selected radio button values form.querySelectorAll(‘input[type=”radio”]:checked’).forEach(radio => { data[radio.name] = radio.value; }); // Collect selected checkbox values form.querySelectorAll(‘input[type=”checkbox”]:checked’).forEach(checkbox => { if (!data[checkbox.name]) { data[checkbox.name] = []; } data[checkbox.name].push(checkbox.value); }); // Collect textarea values form.querySelectorAll(‘textarea’).forEach(textarea => { data[textarea.name] = textarea.value; }); // Collect select values form.querySelectorAll(‘select’).forEach(select => { data[select.name] = select.value; }); // Collect text input values form.querySelectorAll(‘input[type=”text”]’).forEach(input => { data[input.name] = input.value; }); return data; } // Function to map service values to human-readable text for prompt function mapServiceValuesToText(data, lang) { const serviceMap = { ’emotional_listening’: {‘ar’: ‘الاستماع والفضفضة’, ‘en’: ‘Listening and venting’}, ’emotional_psychological’: {‘ar’: ‘المساعدة في حل المشكلات النفسية’, ‘en’: ‘Assistance with psychological issues’}, ’emotional_relationships’: {‘ar’: ‘تقديم استشارات للعلاقات الأسرية والاجتماعية’, ‘en’: ‘Providing family and social relationship advice’}, ’emotional_dreams’: {‘ar’: ‘تفسير الأحلام’, ‘en’: ‘Dream interpretation’}, ‘career_recruitment’: {‘ar’: ‘مساعد في التوظيف والمسارات الوظيفية’, ‘en’: ‘Assistance with recruitment and career paths’}, ‘career_training’: {‘ar’: ‘مساعد في التدريب والتنمية والتطوير’, ‘en’: ‘Assistance with training, development, and growth’}, ‘career_business_plans’: {‘ar’: ‘مساعد في إعداد دراسات الجدوى وخطط العمل’, ‘en’: ‘Assistance in preparing feasibility studies and business plans’}, ‘career_academic_writing’: {‘ar’: ‘مساعد في كتابة رسائل التخرج والأبحاث’, ‘en’: ‘Assistance in writing graduation theses and research papers’}, ‘creativity_opportunities’: {‘ar’: ‘ابتكار الفرص والأفكار الجديدة’, ‘en’: ‘Innovating opportunities and new ideas’}, ‘creativity_problem_solving’: {‘ar’: ‘حل المسائل المعقدة’, ‘en’: ‘Solving complex problems’}, ‘creativity_clarification’: {‘ar’: ‘تصحيح اللبس والأفكار الخاطئة’, ‘en’: ‘Correcting misunderstandings and misconceptions’}, ‘daily_travel_planning’: {‘ar’: ‘تخطيط الرحلات الترفيهية ورحلات العمل’, ‘en’: ‘Planning leisure and business trips’}, ‘daily_event_planning’: {‘ar’: ‘المساعدة في التخطيط للزواج والمناسبات’, ‘en’: ‘Assistance in planning weddings and events’}, ‘daily_casual_chat’: {‘ar’: ‘الحديث الجانبي والمحادثات العامة’, ‘en’: ‘Casual chat and general conversations’} }; let interestedServices = []; for (const key in data) { if (key.startsWith(’emotional_’) || key.startsWith(‘career_’) || key.startsWith(‘creativity_’) || key.startsWith(‘daily_’)) { if (parseInt(data[key]) >= 4 && serviceMap[key]) { // Interested (4 or 5) interestedServices.push(serviceMap[key][lang]); } } } return interestedServices.length > 0 ? interestedServices.join(‘, ‘) : (lang === ‘ar’ ? ‘لا توجد اهتمامات محددة.’ : ‘No specific interests.’); } async function generateQuestions(lang) { const formId = `survey-${lang}`; const spinnerId = `loading-spinner-${lang}`; const suggestedQuestionsDivId = `suggested-questions-${lang}`; const questionsListId = `questions-list-${lang}`; const spinner = document.getElementById(spinnerId); const suggestedQuestionsDiv = document.getElementById(suggestedQuestionsDivId); const questionsList = document.getElementById(questionsListId); spinner.classList.remove(‘hidden’); suggestedQuestionsDiv.classList.add(‘hidden’); questionsList.innerHTML = ”; // Clear previous questions const surveyData = collectSurveyData(formId); const interestedServices = mapServiceValuesToText(surveyData, lang); const concerns = surveyData.concerns || (lang === ‘ar’ ? ‘لا توجد مخاوف محددة.’ : ‘No specific concerns.’); let prompt; if (lang === ‘ar’) { prompt = `أنت مصمم استبيانات خبير. بناءً على اهتمامات المستخدم وتحدياته ومخاوفه في مشروع ‘الرفيق العالمي للذكاء الاصطناعي’، اقترح 3 أسئلة إضافية قصيرة ومحددة يمكن طرحها عليه. الاهتمامات الرئيسية: ${interestedServices} المخاوف المذكورة: ${concerns} الرجاء تقديم الأسئلة فقط، كل سؤال في سطر جديد.`; } else { prompt = `You are an expert survey designer. Based on the user’s interests, challenges, and concerns for the ‘Global AI Companion’ project, suggest 3 short, specific additional questions that could be asked. Main interests: ${interestedServices} Mentioned concerns: ${concerns} Please provide only the questions, each on a new line.`; } try { let chatHistory = []; chatHistory.push({ role: “user”, parts: [{ text: prompt }] }); const payload = { contents: chatHistory }; const apiKey = “”; const apiUrl = `https://generativelanguage.googleapis.com/v1beta/models/gemini-2.0-flash:generateContent?key=${apiKey}`; const response = await fetch(apiUrl, { method: ‘POST’, headers: { ‘Content-Type’: ‘application/json’ }, body: JSON.stringify(payload) }); const result = await response.json(); if (result.candidates && result.candidates.length > 0 && result.candidates[0].content && result.candidates[0].content.parts && result.candidates[0].content.parts.length > 0) { const text = result.candidates[0].content.parts[0].text; const questions = text.split(‘\n’).filter(q => q.trim() !== ”); // Split by newline and filter empty lines questions.forEach(q => { const li = document.createElement(‘li’); li.textContent = q.trim(); questionsList.appendChild(li); }); suggestedQuestionsDiv.classList.remove(‘hidden’); } else { questionsList.innerHTML = `

${lang === ‘ar’ ? ‘عذراً، لم نتمكن من اقتراح أسئلة إضافية حالياً. يرجى المحاولة مرة أخرى.’ : ‘Sorry, we could not suggest additional questions at this time. Please try again.’}

`; suggestedQuestionsDiv.classList.remove(‘hidden’); } } catch (error) { console.error(‘Error calling Gemini API:’, error); questionsList.innerHTML = `

${lang === ‘ar’ ? ‘حدث خطأ أثناء اقتراح الأسئلة. يرجى التحقق من اتصالك بالإنترنت والمحاولة مرة أخرى.’ : ‘An error occurred while suggesting questions. Please check your internet connection and try again.’}

`; suggestedQuestionsDiv.classList.remove(‘hidden’); } finally { spinner.classList.add(‘hidden’); } } // Initial state: show language selection document.addEventListener(‘DOMContentLoaded’, () => { document.getElementById(‘language-selection’).classList.remove(‘hidden’); });