@extends('layouts.frontendLayout.frontend_design')
@section('content')

<section class="py-12 border-bottom"  id="reviews">
      <div class="container">
        <div class="row justify-content-center">
          <div class="col-12 col-md-8 col-lg-6 col-xl-4">

            <!-- Heading -->
            <h2 class="mb-12 text-center">
              A positive Experience in many ways.
            </h2>

          </div>
        </div>
        <div class="row">
          
          @foreach($testimonials as $testimonial)
          <div class="col-12 col-md-6 col-lg-4">

            <!-- Card -->
            <div class="card card-lg mb-11">
              <div class="card-body text-center bg-light">

                @if(isset($testimonial->image))
                                
                  <img src="{{asset('images/testimonials/'.$testimonial->image)}}" alt="..." class="img-fluid rounded-circle mb-7 mt-n11" style="max-width: 100px;">
                
                @else
                    
                  <img src="{{asset('avatar.png')}}" alt="..." class="img-fluid rounded-circle mb-7 mt-n11" style="max-width: 100px;">
                
                @endif


                <!-- Avatar -->
                

                <!-- Text -->
                <blockquote class="blockquote mb-0">

                  <!-- Text -->
                  <p class="font-size-lg font-style-normal">
                    {{$testimonial->description}}
                  </p>

                
                  <!-- Footer -->
                  <footer class="blockquote-footer">
                     {{ $testimonial->name}}, {{ $testimonial->profession }} 
                  </footer>

                </blockquote>

              </div>
            </div>

          </div>
          @endforeach
          {{ $testimonials->links() }}
        </div>
        
      </div>
</section>

@endsection