{% set entry = craft.entries().id(170).one() %}
{% set testimonials = entry.textImageBlock.type('testimonialsBlock').all() %}
<div class="pink-swirl mobile-no">
    <div class="container">
        <div class="row">

            {# Carousel begins #}
            <div id="carouselTestimonial" class="carousel slide" data-ride="carousel" data-interval="10000">

                {# Slides begins #}
                <div class="carousel-inner">
                    {% for testimonial in testimonials %}
                        {% if testimonial.displayInFooterSlider %}
                            <div class="carousel-item {{ loop.first ? 'active' : '' }}">
                                <div class="row">
                                    <div class="col-4 col-lg-4">
                                        <img src="{{ testimonial.blockImage.one() ? testimonial.blockImage.one().url : '' }}" alt="{{ testimonial.fullName }}"/>
                                    </div>
                                    <div class="col-8 col-lg-8 align-self-end">
                                        <div class="quote"><span>"</span>{{ testimonial.quote }}<span>"</span></div>
                                        <div class="quote-name"><span>{{ testimonial.fullName }}</span></div>
                                        <div class="quote-cause">{{ testimonial.cause }}</div>
                                    </div>
                                </div>
                            </div>
                        {% endif %}
                    {% endfor %}
                </div>
                {# Slides ends #}

                {# Controls begins #}
                <a class="carousel-control-prev" href="#carouselTestimonial" role="button" data-slide="prev">
                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="carousel-control-next" href="#carouselTestimonial" role="button" data-slide="next">
                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
                {# Controls ends #}

            </div>
            {# Carousel ends #}

        </div>
    </div>
</div>