// ============================================
// إعدادات مكتبة Supabase
// ============================================
// ⚠️ قم باستبدال هذه المتغيرات بالمعلومات الخاصة بمشروعك في Supabase

const SUPABASE_URL = 'YOUR_SUPABASE_URL'; 
const SUPABASE_ANON_KEY = 'YOUR_SUPABASE_ANON_KEY'; 

// تهيئة عميل Supabase
const supabase = window.supabase.createClient(SUPABASE_URL, SUPABASE_ANON_KEY);

// ============================================
// التعامل مع نموذج "تواصل معنا"
// ============================================
document.getElementById('contactForm').addEventListener('submit', async function(e) {
    e.preventDefault(); // منع إعادة تحميل الصفحة

    // الحصول على البيانات من النموذج
    const name = document.getElementById('name').value;
    const email = document.getElementById('email').value;
    const message = document.getElementById('message').value;
    const responseEl = document.getElementById('formResponse');

    // إظهار رسالة جاري الإرسال
    responseEl.textContent = 'جاري إرسال الرسالة...';
    responseEl.className = 'response-message';

    try {
        // إدخال البيانات في جدول 'messages'
        // تأكد من أن الجدول في Supabase اسمه messages ويحتوي على الأعمدة: name, email, message
        const { data, error } = await supabase
            .from('messages')
            .insert([
                { name: name, email: email, message: message }
            ]);

        if (error) {
            throw error;
        }

        // في حال النجاح
        responseEl.textContent = 'تم إرسال رسالتك بنجاح! شكراً لتواصلك معنا.';
        responseEl.className = 'response-message success';
        
        // تفريغ الحقول
        document.getElementById('contactForm').reset();

    } catch (error) {
        // في حال حدوث خطأ
        console.error('Error inserting data:', error.message);
        responseEl.textContent = 'عذراً، حدث خطأ أثناء إرسال الرسالة. يرجى المحاولة لاحقاً.';
        responseEl.className = 'response-message error';
    }
});