@props([
    'badge' => 'الأسئلة الشائعة',
    'title' => 'أسئلة يطرحها عملاؤنا',
    'description' => 'إجابات واضحة على أكثر الأسئلة تكراراً حول خدماتنا وأسلوب عملنا.',
])

@php
    // استخدام بيانات Composer إن وُجدت، وإلا قيم افتراضية احتياطية
    $faqs = $faqsData ?? [];
    if (empty($faqs) || count($faqs) === 0) {
        $faqs = [
            [
                'question' => 'كم يستغرق تطوير موقع أو تطبيق احترافي؟',
                'answer' => 'يعتمد الجدول الزمني على حجم المشروع وتعقيده. موقع الويب البسيط يستغرق 2-3 أسابيع، بينما تطبيق الجوال المتكامل قد يأخذ 6-12 أسبوعاً. نقدم جدولاً زمنياً دقيقاً بعد تحليل متطلباتك.'
            ],
            [
                'question' => 'هل تقدمون دعماً فنياً بعد تسليم المشروع؟',
                'answer' => 'نعم، نوفر خطط دعم فني مرنة تشمل المراقبة المستمرة، والتحديثات الأمنية، وإصلاح الأخطاء، وإضافة ميزات جديدة. يمكنك الاختيار بين خطط شهرية أو سنوية حسب احتياجاتك.'
            ],
            [
                'question' => 'ما هي التقنيات التي تستخدمونها في التطوير؟',
                'answer' => 'نستخدم أحدث التقنيات حسب متطلبات كل مشروع: Next.js, React, Vue للفرونت إند، وNode.js, Python, Laravel للباك إند، وFlutter, React Native للجوال، والسحابة على AWS, Azure, GCP.'
            ],
            [
                'question' => 'كيف يتم تحديد سعر المشروع؟',
                'answer' => 'يتم تحديد السعر بعد دراسة متطلبات المشروع بشكل كامل. نقدم عرض سعر شاملاً يتضمن جميع التفاصيل والمراحل. نحرص على الشفافية الكاملة ولا توجد رسوم خفية.'
            ],
            [
                'question' => 'هل تدعمون اللغة العربية في المنتجات الرقمية؟',
                'answer' => 'بالتأكيد! دعم اللغة العربية ونظام RTL من أساسيات عملنا. نبني جميع منتجاتنا بدعم كامل للغات المتعددة بما فيها العربية بشكل صحيح ومتكامل.'
            ],
            [
                'question' => 'هل يمكنني متابعة تقدم مشروعي؟',
                'answer' => 'نعم، نستخدم لوحة متابعة مشاركة مع العميل توضح تقدم المشروع، والمهام المنجزة، والمرحلة القادمة. كما نعقد اجتماعات أسبوعية للتحديث ومراجعة الإنجازات.'
            ],
        ];
    }
@endphp

<section id="faq" class="py-20 md:py-28 relative overflow-hidden">
    <div class="container max-w-4xl">
        <x-ui.section-header :badge="$badge" :title="$title" :description="$description" />

        <div class="space-y-3 mt-12">
            @foreach($faqs as $index => $faq)
                <x-partials.faq-item
                    :question="$faq['question']"
                    :answer="$faq['answer']"
                    :open="$loop->first"
                />
            @endforeach
        </div>
    </div>
</section>