@if(isset($top_reviews) && count($top_reviews) > 0)
  <section class="testimonial-block-part">
    <div class="container">
      <div class="products-section-title"> <span class="short-details">Testimonial</span>
        <h2 class="title">See what our customers says</h2>
      </div>
      <div id="spe_res">
        <div id="cptestimonial" class="cp-carousel product_list">
          @foreach($top_reviews as $review)
            <article class="slide cptestimonial-container">
              <div class="cptestimonial-container-inner">
                <div class="testimonial-banner-description">
                  <!-- <span class="review-img"></span> -->
                  <div class="comments_note star_content clearfix"
                    style="display:flex; justify-content:center; margin-bottom: 10px;">
                    @for($i = 1; $i <= 5; $i++)
                      <div class="star {{ $i <= round($review->rating) ? 'star_on' : '' }}"></div>
                    @endfor
                  </div>
                  <p>{{ $review->description ?? $review->title }}</p>
                  <span class="review-img-2"></span>
                </div>
                <div class="testimonial-img-title">
                  @php
                    $customerName = $review->customer ? $review->customer->first_name . ' ' . $review->customer->last_name : 'Anonymous User';
                    $avatar = 'https://ui-avatars.com/api/?name=' . urlencode($customerName) . '&background=E8F5E9&color=2E7D32&rounded=true&bold=true';
                  @endphp
                  <a class="testimonial-img" href="javascript:void(0)" title="{{ $customerName }}">
                    <img class="lazyload" data-src="{{ $avatar }}" src="{{ $avatar }}" alt="{{ $customerName }}"
                      title="{{ $customerName }}" width="40" height="40" style="border-radius: 50%;" />
                  </a>
                  <span class="testi-title">{{ $customerName }}</span>
                </div>
              </div>
            </article>
          @endforeach
        </div>
        @if(count($top_reviews) > 1)
          <div class="customNavigation"> <i class="btn prev cptesti_prev">&nbsp;</i> <i
              class="btn next cptesti_next">&nbsp;</i> </div>
        @endif
      </div>
    </div>
  </section>
@endif