<div class="o-testimonials  @if($composedReferences->isEmpty()) o-testimonials--no-items @endif">

    <div class="o-testimonials__main">

        @if($composedReferences->isNotEmpty())
            <div class="o-testimonials__tray  js-testimonials" id="testimonial-slider"  data-kal="slide-down">
                @if(count($composedReferences) > 1)
                    <button class="o-testimonials__button  js-testimonials-button  is-previous" data-order="{{count($composedReferences) - 1}}">
                        @include('components.icons.arrowLeft')
                    </button>
                    <button class="o-testimonials__button  js-testimonials-button  is-next" data-order="1">
                        @include('components.icons.arrowRight')
                    </button>
                @endif

                @foreach($composedReferences as $key => $testimonial)
                    <section class="o-testimonials__item  js-testimonials-item" data-order="{{$key}}">
                        @include('components.testimonialItem', [
                            'testimonialImage' => count($testimonial->documents) > 0 ? $testimonial->documents : [],
                            'testimonialName' => $testimonial->translation->name,
                            'testimonialSubtitle' => $testimonial->translation->subtitle,
                            'testimonialDescription' => $testimonial->translation->description,
                        ])
                    </section>
                @endforeach
            </div>
        @endif


        <div class="o-testimonials__footer" data-kal="slide-up">
            <div class="o-testimonials__feedback">
                <img class="o-testimonials__feedback-logo" src="/img/logo-feedback-company.svg" width="160" height="48" alt="feedback company logo"/>
                <div class="o-testimonials__rating">@include('components.rating')</div>
            </div>
            <div class="o-testimonials__cta">
                <h3 class="o-testimonials__cta-heading">{{__('site/global.testimonials.feedbackTitle')}}</h3>
                @include('components.button', [
                    'modifiers' => 'secondary',
                    'buttonLink' => config('services.feedback_company.review'),
                    'buttonText' => __('site/global.testimonials.feedbackButtonText')
                ])
                </div>
        </div>

    </div>
</div>