<?php
    /* @var $testimonials \backend\modules\testimonials\models\Testimonials */
    if(!$testimonials) return false;
?>
<section class="testimonials sec" id="faq">
    <div class="container">
        <div class="h2 text-center"><?=Yii::t('index', 'Отзывы')?></div>
        <div class="testimonials__items col-lg-10 offset-lg-1">
            <? foreach ($testimonials as $testimonial){ ?>
                <div class="testimonials__item">
                    <div class="row">
                        <div class="testimonials__left col-md-8 mb-4 mb-md-0">
                            <div class="row">
                                <? foreach ($testimonial->images as $image){ ?>
                                    <div class="testimonials__img col-6">
                                        <picture alt="<?=$testimonial->getMultilang('title')?>">
                                            <source srcset="<?=$image->getUrl('172')?>.webp" type="image/webp">
                                            <img src="<?=$image->getUrl('172')?>" alt="<?=$testimonial->getMultilang('title')?>">
                                        </picture>
<!--                                        <img src="--><?//=$image->getUrl('172')?><!--"-->
<!--                                                alt="--><?//=$testimonial->getMultilang('title')?><!--">-->
                                    </div>
                                <? } ?>
                            </div>
                        </div>
                        <div class="testimonials__right col-md-4">
                            <p class="testimonials__name h5"><?=$testimonial->getMultilang('title')?></p>
                            <? if($testimonial->product){ ?>
                            <a href="#racion-<?=$testimonial->product->kal?>" onclick="$('#racion-<?=$testimonial->product->kal?>').click();" class="btn btn-sm btn-racion btn-secondary"><?=Yii::t('index', 'Хочу так же')?></a>
                            <? } ?>
                        </div>
                    </div>
                </div>
            <? } ?>
        </div>
    </div>
</section>