Na}{

File Content: `layout-1.php`

<?php
extract($settings);
$extra_class = (!empty($settings['scroll_wheel']) && $settings['scroll_wheel'] === 'yes') ? 'scroll-wheel' : '';
$show_arrow = ($arrows == 'true' || (isset($settings['arrows_laptop']) && $settings['arrows_laptop'] == 'true') || (isset($settings['arrows_tablet_extra']) && $settings['arrows_tablet_extra'] == 'true') || $settings['arrows_tablet'] == 'true' || (isset($settings['arrows_mobile_extra']) && $settings['arrows_mobile_extra'] == 'true') || $settings['arrows_mobile'] == 'true') ? true : false;
$img_size = !empty( $img_size ) ? $img_size : 'full';
$scale_factor = !empty($settings['scale_factor']['size']) ? esc_attr($settings['scale_factor']['size']) : '1.8';
?>
<?php if(isset($content_list) && !empty($content_list) && count($content_list) > 0): ?>
    <div class="pxl-wheel-carousel layout-<?php echo esc_attr($settings['layout'])?> <?php echo esc_attr($extra_class); ?>">
        <div class="box-inner">
            <div class="box-image-title">
                <div class="box-image">
                    <?php foreach ($content_list as $key => $value): 
                    $image       = isset($value['image']) ? $value['image'] : [];
                    $thumbnail = '';
                    if(!empty($image['id'])) {
                        $img = pxl_get_image_by_size( array(
                            'attach_id'  => $image['id'],
                            'thumb_size' => $img_size,
                            'class' => 'no-lazyload',
                        ));
                        $thumbnail = $img['thumbnail'];
                    }
                    ?>
                    <?php if(!empty($thumbnail)): ?>
                        <div class="item-image">
                            <?php pxl_print_html($thumbnail); ?>
                        </div>
                    <?php endif; ?>
                    <?php endforeach; ?>
                </div>
                <h3 class="item-title">
                    <?php pxl_print_html($settings['title_wheel']); ?>
                </h3>
            </div>
            <div class="inner-item">
                <div class="item-content" data-scale-factor="<?php pxl_print_html($scale_factor); ?>">
                    <?php  $number = 1; 
                    foreach ($content_list as $key => $value):
                    ?>
                    <div class="box-wheel">
                        <span class="item-number"><?php pxl_print_html(sprintf('%02d', $number)); ?></span>
                    </div>
                    <?php $number++;
                    endforeach; ?>
                </div>
                <svg class="pxl-wheel-icon" viewBox="0 0 300 300">
                    <circle id="holder" class="st0" cx="151" cy="151" r="150"/>
                </svg>
            </div>
        </div>
        <?php if($show_arrow): 
            $arrows_position_cls = $widget->get_setting('arrows_position', 'nav-in-vertical');
            ?>
            <div class="pxl-swiper-arrows <?php echo esc_attr($arrows_position_cls) ?>">
                <div class="pxl-swiper-arrow pxl-swiper-arrow-prev">
                    <?php 
                    if( !empty($arrow_prev_icon['value'] )){
                        echo '<span class="pxl-icon">';
                        \Elementor\Icons_Manager::render_icon( $arrow_prev_icon, [ 'aria-hidden' => 'true' ], 'span' );
                        echo '</span>';
                    }else{
                        echo '<span class="pxl-icon pxli-angle-left2"></span>';
                    }
                    ?> 
                </div>
                <div class="pxl-swiper-arrow pxl-swiper-arrow-next">
                    <?php 
                    if( !empty($arrow_next_icon['value'] )){
                        echo '<span class="pxl-icon">';
                        \Elementor\Icons_Manager::render_icon( $arrow_next_icon, [ 'aria-hidden' => 'true' ], 'span' );
                        echo '</span>';
                    }else{
                        echo '<span class="pxl-icon pxli-angle-right2"></span>';
                    }
                    ?>
                </div>
            </div>
        <?php endif; ?>
    </div>
<?php endif; ?>
File Content: layout-1.php

File Content: `layout-1.php`
