@php
    $testimonials = App\Models\Testimonial::latest()->limit(5)->get();
@endphp


<section class="testimonial-area my-5">

    <div class="container shadow-lg py-5">

        <div class="section-heading text-center">
            <h5 class="ribbon ribbon-lg mb-2"> Testimonials </h5>
            <h2 class="section__title">  Impact Reports </h2>
            <span class="section-divider"></span>
        </div><!-- end section-heading -->
   


     <div class="container">
        <div class="testimonial-carousel owl-action-styled">

            @foreach( $testimonials as $testimonial)

            <div class="card card-item">

                <div class="card-body">
                    <div class="media media-card align-items-center pb-3">

                        <div class="media-img avatar-md">
                            <img src="{{ (!empty($testimonial->testimonial_image)) ? asset($testimonial->testimonial_image) : url('upload/avatar_image.jpg') }}" alt="Testimonial avatar" class="rounded-full">
                        </div>

                        <div class="media-body">
                            <h5>  {{  $testimonial->testimonial_name }}   </h5>
                            
                            <div class="d-flex align-items-center pt-1">
                                <span class="lh-18 pr-2"> {{  $testimonial->testimonial_country }} </span>
                            </div>

                        </div>
                    </div><!-- end media -->
              

                    <p class="card-text">
                        {!!  $testimonial->testimonial_text !!}
                    </p>
                </div><!-- end card-body -->
            </div><!-- end card -->

            @endforeach



        


        </div><!-- end testimonial-carousel -->
    </div><!-- container -->


</div><!-- end container -->



</section><!-- end testimonial-area -->