@props([
    'badge'       => 'آراء العملاء',
    'title'       => 'ماذا يقول عملاؤنا',
    'description' => 'أكثر من 85 عميلاً راضٍ يثقون بنا لتحقيق أهدافهم الرقمية.',
])

@php
    if (isset($testimonialsData)) {
        $testimonials = $testimonialsData;
    } else {
        // بيانات افتراضية احتياطية
        $testimonials = [
            [
                'stars' => 5,
                'text' => 'HoloolTech حوّلوا فكرتي المعقدة إلى تطبيق رائع خلال 6 أسابيع فقط. الفريق محترف جداً ويفهم متطلبات العميل بشكل استثنائي.',
                'author' => 'أحمد الشمري',
                'role' => 'مؤسس MediConnect، الرياض',
                'initials' => 'أ',
                'gradient' => 'from-primary to-secondary',
            ],
            [
                'stars' => 5,
                'text' => 'عملنا معهم على منصة التجارة الإلكترونية وكانت التجربة ممتازة. مبيعاتنا ارتفعت 240% بعد الإطلاق. ننصح بهم بشدة.',
                'author' => 'سارة المنصوري',
                'role' => 'مديرة Souk Plus، دبي',
                'initials' => 'س',
                'gradient' => 'from-emerald-500 to-teal-500',
            ],
            [
                'stars' => 5,
                'text' => 'نظام ERP الذي طوّروه لنا غيّر طريقة عمل شركتنا بالكامل. الدعم الفني دائماً متاح ويحل المشاكل بسرعة.',
                'author' => 'محمد العتيبي',
                'role' => 'مدير تقنية BuildOps، الكويت',
                'initials' => 'م',
                'gradient' => 'from-red-500 to-rose-500',
            ],
        ];
    }
@endphp

<section id="testimonials" class="py-20 md:py-28 bg-dark/60 relative">
    <div class="container">
        <x-ui.section-header :badge="$badge" :title="$title" :description="$description" />

        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 lg:gap-8 mt-12">
            @foreach($testimonials as $testimonial)
                <x-partials.testimonial-card
                    :stars="$testimonial['stars']"
                    :text="$testimonial['text']"
                    :authorName="$testimonial['author']"
                    :authorRole="$testimonial['role']"
                    :authorInitials="$testimonial['initials']"
                    :avatarUrl="$testimonial['avatarUrl'] ?? null"
                    :avatarGradient="$testimonial['gradient'] ?? 'from-primary to-secondary'"
                />
            @endforeach
        </div>
    </div>
</section>