@if (!empty($testimonials))
<section id="testimonial">
<h2 class="main-head">Testimonials</h2>
<div class="spacer-25h"></div>
<div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="carousel slide" data-ride="carousel" id="quote-carousel">
                 <!-- Bottom Carousel Indicators -->
                    <ol class="carousel-indicators">
                         <!-- {!! $slideIndex = 0 !!} -->
                        @foreach ($testimonials as $testimonialObj)
                        <!--<li data-target="#quote-carousel" data-slide-to="{{ $slideIndex }}" class="{{ ($slideIndex==0) ? 'active' : '' }}">
                            @if (isset($testimonialObj->user->is_business) && isset($testimonialObj->user->businessProfile->avatar))
                                <img class="img-responsive" src="{{ asset('uploads/users/' . $testimonialObj->user->businessProfile->avatar) }}" alt="">
                            @endif
                            @if (isset($testimonialObj->user->is_business) && !isset($testimonialObj->user->businessProfile->avatar))
                                <img class="img-responsive" src="{{ asset('images/user-placeholder.png') }}" alt="">
                            @endif
                            @if (!isset($testimonialObj->user->is_business) && isset($testimonialObj->user->profile->avatar))
                                <img class="img-responsive " src="{{ asset('uploads/users/' . $testimonialObj->user->profile->avatar) }}" alt="">
                            @endif
                            @if (!isset($testimonialObj->user->is_business) && !isset($testimonialObj->user->profile->avatar))
                                <img class="img-responsive" src="{{ asset('images/user-placeholder.png') }}" alt="">
                            @endif
                        </li>-->
                        <!-- {!! $slideIndex++ !!} -->
                        @endforeach
                        <!--<li data-target="#quote-carousel" data-slide-to="1"><img class="img-responsive" src="images/testimonial-2.jpg" alt="">
                        </li>
                        <li data-target="#quote-carousel" data-slide-to="2"><img class="img-responsive" src="images/testimonial-3.jpg" alt="">
                        </li>-->
                    </ol>

                    <!-- Carousel Slides / Quotes -->
                    <div class="carousel-inner">
                        <!-- Quote 1 -->
                        <!-- {!! $slideIndex = 0 !!} -->
                        @foreach ($testimonials as $testimonialObj)
                        <div class="item {{ ($slideIndex==0) ? 'active' : '' }}">
                            <blockquote>
                                <div class="row">
                                    <div class="col-sm-8 col-sm-offset-2">
                                        <p>"{{ str_limit($testimonialObj->comment, 100) }}"</p>
                                        <span>{{ isset($testimonialObj->user->display_name) ? $testimonialObj->user->display_name : '' }}<br><!--<span>Self-Harm Participant - Residential Childcare Service</span>--></span>
                                    </div>
                                </div>
                            </blockquote>
                        </div>
                        <!-- {!! $slideIndex++ !!} -->
                        @endforeach
                        <!-- Quote 2 -->
                        <!--<div class="item">
                            <blockquote>
                                <div class="row">
                                    <div class="col-sm-8 col-sm-offset-2">
                                        <p>"Eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo."</p>
                                        <span>Someone famous<br><span>Participant - Childcare Service</span></span>
                                    </div>
                                </div>
                            </blockquote>
                        </div>-->
                        <!-- Quote 3 -->
                        <!--<div class="item">
                            <blockquote>
                                <div class="row">
                                    <div class="col-sm-8 col-sm-offset-2">
                                        <p>"Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi."</p>
                                        <span>Someone famous<br><span>Residential Childcare Service</span></span>
                                    </div>
                                </div>
                            </blockquote>
                        </div>-->
                    </div>
                   
                    <!-- Carousel Buttons Next/Prev -->
                    <a data-slide="prev" href="#quote-carousel" class="left carousel-control"><i class="left-arrow"></i></a>
                    <a data-slide="next" href="#quote-carousel" class="right carousel-control"><i class="right-arrow"></i></a>
                </div>
            </div>
        </div>
       
    </div>
</section>
@endif