<?php if ('layout_one' === $settings['layout_type']) : ?>

    <!--Testimonial End One -->

    <!-- Testimonials section Start -->
    <section class="testimonials-one">
        <div class="container">
            <div class="testimonials-one__carousel ostech-owl__carousel owl-theme owl-carousel" data-owl-options='<?php echo esc_attr(ostech_get_owl_options($settings)); ?>'>
                <?php foreach ($settings['testimonials'] as $index => $item) :  ?>
                    <div class="testimonials-one__item" data-hash="item<?php echo esc_attr($index + 1); ?>">
                        <div class="testimonials-one__item__inner">
                            <div class="testimonials-one__item__bg" style="background-image: url(<?php echo esc_url($item['shape']['url']); ?>);"></div>
                            <div class="testimonials-one__item__quite">
                                <i class="icon-quite"></i>
                            </div>
                            <div class="testimonials-one__item__star">
                                <?php for ($i = 0; $i < $item['rating']['size']; $i++) : ?>
                                    <i class="icon-star"></i>
                                <?php endfor; ?>
                            </div>
                            <p class="testimonials-one__item__text"><?php echo wp_kses($item['testimonial'], 'ostech_allowed_tags'); ?></p>
                            <div class="testimonials-one__item__author">
                                <<?php echo esc_attr($item['testimonial_name_tag_layout_one']); ?> class="testimonials-one__item__name">
                                    <?php echo wp_kses($item['name'], 'ostech_allowed_tags'); ?>
                                </<?php echo esc_attr($item['testimonial_name_tag_layout_one']); ?>><!-- /.testimonials-card__name -->
                                <p class="testimonials-one__item__deg"><?php echo wp_kses($item['designation'], 'ostech_allowed_tags'); ?></p>
                            </div>
                        </div>
                    </div>
                <?php endforeach; ?>
            </div>
            <div class="carousel-thumb__two">
                <!-- Testimonial Thumb -->
                <div class="testimonials-one__carousel-thumb ostech-owl__carousel owl-theme owl-carousel" data-owl-options='{
				"items": 3,
				"margin": 10,
				"smartSpeed": 700,
				"loop":true,
				"autoplay": true,
				"URLhashListener":true,
				"center": true,
				"dots":false,
				"navText": ["<span class=\"icon-arrow-left\"></span>","<span class=\"icon-arrow\"></span>"],
				"responsive": {
					"0": {
						"items": 3
					},
					"500": {
						"items": 3
					}
				}
				}'>
                    <?php foreach ($settings['testimonials'] as $index => $item) :  ?>
                        <a href="#item<?php echo esc_attr($index + 1); ?>" class="item" data-hash="item<?php echo esc_attr($index + 1); ?>">
                            <span class="testimonials-one__meta-thumb"><?php ostech_elementor_rendered_image($item, 'image'); ?></span>
                        </a>
                    <?php endforeach; ?>
                </div>
                <!-- Testimonial Thumb -->
            </div><!-- / -->
        </div>
    </section>
    <!-- Testimonials section End -->


<?php endif; ?>