@props(['testimonial'])

@php
    $quote = app()->getLocale() === 'ar' ? ($testimonial->quote_ar ?? '') : ($testimonial->quote_en ?? $testimonial->quote_ar ?? '');
    $name = $testimonial->client_name ?? '';
    $role = $testimonial->client_role ?? '';
    $company = $testimonial->client_company ?? '';
    $rating = (int) ($testimonial->rating ?? 5);
    $avatarUrl = $testimonial->client_avatar_path ? asset('storage/' . $testimonial->client_avatar_path) : null;
@endphp

<div class="card card-padded h-full flex flex-col">
    <div class="flex items-center gap-1 text-gold-400 mb-3" aria-label="{{ $rating }} of 5">
        @for($i = 0; $i < $rating; $i++)
            <svg class="w-4 h-4" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2l2.9 6.9L22 10l-5.5 4.8L18.2 22 12 18.3 5.8 22l1.7-7.2L2 10l7.1-1.1L12 2z"/></svg>
        @endfor
    </div>
    <p class="text-navy-700 leading-relaxed mb-5 flex-1">"{{ $quote }}"</p>
    <div class="flex items-center gap-3 pt-4 border-t border-border/60">
        @if($avatarUrl)
            <img src="{{ $avatarUrl }}" alt="{{ $name }}" class="h-11 w-11 rounded-full object-cover">
        @else
            <span class="inline-flex items-center justify-center w-11 h-11 rounded-full bg-brand-100 text-brand-700 font-bold">
                {{ mb_substr($name ?: 'م', 0, 1) }}
            </span>
        @endif
        <div class="min-w-0">
            <p class="font-bold text-navy-900 truncate">{{ $name }}</p>
            <p class="text-xs text-navy-500 truncate">{{ trim($role . ($company ? ' · '.$company : '')) }}</p>
        </div>
    </div>
</div>