{{-- resources/views/public/testimonial.blade.php --}}
<section class="section-spacing section-bg-white">
    <div class="container">
        <div class="text-center mb-5">
            <h2 class="section-title">Testimoni Orang Tua</h2>
            <p class="text-muted" style="font-size: 1.1rem;">Kepercayaan dari keluarga Madrasah Al Idrus Lengkong</p>
        </div>
        <div class="row g-4">
            @forelse($testimonis as $t)
                <div class="col-md-6 col-lg-4">
                    <div class="testimonial-card">
                        <div class="testimonial-stars"><i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i></div>
                        <p class="testimonial-text">"{{ $t->pesan }}"</p>
                        <div class="testimonial-author">
                            @if($t->foto)
                                <img src="{{ asset('storage/testimoni/'.$t->foto) }}" class="testimonial-avatar" style="object-fit: cover;" alt="Foto">
                            @else
                                <div class="testimonial-avatar">{{ substr($t->nama, 0, 1) }}</div>
                            @endif
                            <div>
                                <span class="testimonial-name">{{ $t->nama }}</span> 
                                <span class="testimonial-role">{{ $t->peran }}</span>
                            </div>
                        </div>
                    </div>
                </div>
            @empty
                <div class="col-12 text-center text-muted"><p>Belum ada testimoni.</p></div>
            @endforelse
        </div>
    </div>
</section>