<?php
if(isset($settings['items']) && !empty($settings['items']) && count($settings['items'])): ?>
    <div class="pxl-text-carousel pxl-text-carousel2 pxl-text-slide1 <?php echo esc_attr($settings['style']); ?>">
        <div class="pxl-text-slide <?php echo esc_attr($settings['effect']); ?>" <?php if(!empty($settings['effect_speed'])) { ?>style="animation-duration:<?php echo esc_attr($settings['effect_speed']); ?>ms"<?php } ?>>
            <?php foreach ($settings['items'] as $key => $value):
                $text = isset($value['text']) ? $value['text'] : '';
                
                if(!empty($text)) : ?>
                    <div class="pxl--item <?php echo esc_attr($settings['pxl_animate']); ?>" data-wow-delay="<?php echo esc_attr($settings['pxl_animate_delay']); ?>ms">
                        <div class="pxl-icon">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="white">
                                <path d="M13.338 4.54405L1.88204 16L0 14.118L11.4546 2.66201H1.35896V0H16V14.641H13.338V4.54405Z" />
                            </svg>
                        </div>
                        <div class="pxl-item--text"><span><?php echo pxl_print_html($text); ?></span></div>
                    </div>
                <?php endif; ?>
            <?php endforeach; ?>
        </div>
        <div class="pxl-text-slide <?php echo esc_attr($settings['effect']); ?>" <?php if(!empty($settings['effect_speed'])) { ?>style="animation-duration:<?php echo esc_attr($settings['effect_speed']); ?>ms"<?php } ?>>
            <?php foreach ($settings['items'] as $key => $value):
                $text = isset($value['text']) ? $value['text'] : '';
                
                if(!empty($text)) : ?>
                    <div class="pxl--item <?php echo esc_attr($settings['pxl_animate']); ?>" data-wow-delay="<?php echo esc_attr($settings['pxl_animate_delay']); ?>ms">
                        <div class="pxl-icon">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="white">
                                <path d="M13.338 4.54405L1.88204 16L0 14.118L11.4546 2.66201H1.35896V0H16V14.641H13.338V4.54405Z" />
                            </svg>
                        </div>
                        <div class="pxl-item--text"><span><?php echo pxl_print_html($text); ?></span></div>
                    </div>
                <?php endif; ?>
            <?php endforeach; ?>
        </div>
    </div>
    
<?php endif; ?>
