<?php $facebookReviews = $block->getFacebookReviews(); $reviewsPageUrl = 'https://www.facebook.com/AutoGedal/reviews?locale=ro_RO'; if (count($facebookReviews)): ?> <div class="row fbreviews"><div class="col-md-12"><h2><?= __('Ce spun clientii nostri')?></h2><div class="review-grid"><?php $count = 0; ?> <?php foreach($facebookReviews as $facebookReview): ?> <div class="review-card owl-item"><a href="<?= $block->escapeUrl($facebookReview->getFacebookUrl()); ?>" target="_blank"><img src="<?= $block->getImageUrl($facebookReview); ?>" class="profile-pic" alt="<?= $block->escapeHtml($facebookReview->getFacebookName()); ?>"></a> <div class="stars" style="--rating: <?= $block->getRatingPercentage($facebookReview); ?>%;"></div><h3><?= $block->escapeHtml($facebookReview->getFacebookName()); ?></h3><p class="review-meta"><?= $block->escapeHtml($block->getReviewDate($facebookReview)); ?></p><p class="review-text"><?= $block->escapeHtml($block->getReviewContent($facebookReview)); ?></p></div><?php $count++; ?> <?php endforeach; ?></div><div class="reviews-footer"><a href="<?= $block->escapeUrl($reviewsPageUrl); ?>" target="_blank" class="reviews-button"><?= __('Vezi mai multe review-uri'); ?></a></div></div></div><script type="text/javascript">
        require(['jquery', 'owl.carousel/owl.carousel.min'], function($) {
            $(document).ready(function() {
                var reviewsOwl = $(".review-grid");
                reviewsOwl.owlCarousel({
                    autoplay: true,
                    autoplayTimeout: 5000,
                    autoplayHoverPause: true,
                    loop: true,
                    lazyLoad:true,
                    navRewind: true,
                    margin: 15,
                    dots: true,
                    nav: false,
                    responsive: {
                        0: {
                            items:1
                        },
                        451: {
                            items:2
                        },
                        768: {
                            items:3
                        },
                        1200: {
                            items:5
                        }
                    }
                });
                reviewsOwl.trigger('stop.owl.autoplay');

                if ('IntersectionObserver' in window) {
                    var observer = new IntersectionObserver(function(entries) {
                        entries.forEach(function(entry) {
                            var $carousel = $(entry.target);
                            if (entry.isIntersecting) {
                                $carousel.trigger('play.owl.autoplay', [7000]);
                            } else {
                                $carousel.trigger('stop.owl.autoplay');
                            }
                        });
                    }, { threshold: 0.1 });

                    $('.review-grid').each(function() {
                        observer.observe(this);
                    });
                }
            });
        });</script><?php endif; ?>