<section class="values <?php echo e($block->input('add_class')); ?>">
    <div class="container">
        <h2><?php echo $block->translatedInput('title'); ?></h2>
        <div class="values-slider js-values-slider">
            <?php $__currentLoopData = $block->children; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $i => $child): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <div class="values-slider__item">
                    <div class="item__icon" style="transform: translate(<?php echo e($child->translatedInput('x')); ?>px, <?php echo e($child->translatedInput('y')); ?>px)">
                        <img src="<?php echo e($child->image('image')); ?>" alt="value images" />
                    </div>
                    <div class="item-content">
                        <div class="item__title"><?php echo $child->translatedInput('title'); ?></div>
                        <div class="item__description"><?php echo $child->translatedInput('description'); ?></div>
                    </div>
                </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
        <div class="team-slider-nav js-values-slider-nav">
            <?php $__currentLoopData = $block->children; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $i => $child): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <div class="team-slider-nav__item js-values-slider-nav__item">
                    <div class="team-slider-nav__item-inner">
                        <div class="team-slider-nav__item-marker"></div>
                        <div class="team-slider-nav__item-name"></div>
                    </div>
                </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
        <div class="values-slider-arrow btn-arrow btn-arrow--left as-prev-btn">
            <div class="btn-arrow__arrow">
                <span></span>
            </div>
        </div>
        <div class="values-slider-arrow btn-arrow as-next-btn">
            <div class="btn-arrow__arrow">
                <span></span>
            </div>
        </div>
    </div>
</section>

<script type="text/javascript">

  $('.js-values-slider').slick({
    slidesToShow: 3,
    slidesToScroll: 1,
    autoplay: false,
    arrows: true,
    prevArrow: '.values-slider-arrow.as-prev-btn',
    nextArrow: '.values-slider-arrow.as-next-btn',
    autoplaySpeed: 5000,
    asNavFor: '.js-values-slider-nav',
    adaptiveHeight: true,
    responsive: [
      {
        breakpoint: 1440,
        settings: {
          slidesToShow: 1,
        }
      },
      {
        breakpoint: 768,
        settings: {
          slidesToShow: 1,
          autoplay: true
        }
      }
    ]
  });
  // Инициализация доп. навигации для слайдера Team
  $('.js-values-slider-nav').slick({
      slidesToShow: $('.js-values-slider-nav__item').length,
      slidesToScroll: 1,
      arrows: false,
      dots: false,
      fade: false,
      autoplay: false,
      asNavFor: '.js-values-slider',
      centerMode: true,
      focusOnSelect: true,
  });

</script>

<?php /**PATH /var/www/quadcode-jobs/resources/views/site/blocks/values.blade.php ENDPATH**/ ?>