<?php 
    $is_items = (isset($settings['items']) && !empty($settings['items']) && count($settings['items'])) || false;
    $animate_delay = !empty($settings['pxl_animate_delay']) ? (int)$settings['pxl_animate_delay'] : 0;
?>
<!-- Template -->
 <?php if($is_items) : ?>
    <div class="pxl-list pxl-list1 <?php echo esc_attr($settings['style']); ?>">
        <div class="pxl-item--container">
            <div class="pxl-item--inner">
                <ul class="pxl-item--list">
                    <?php foreach($settings['items'] as $key=>$item) : ?>
                        <?php 
                            $wow_delay = $key * $animate_delay;    
                        ?>
                        <li class="pxl-item--single <?php echo esc_attr($settings['pxl_animate']); ?>"  data-wow-delay="<?php echo esc_attr($wow_delay.'ms'); ?>">
                            <?php if ( !empty($settings['pxl_icon']['value']) ) : ?>
                                <?php \Elementor\Icons_Manager::render_icon( $settings['pxl_icon'], [ 'aria-hidden' => 'true', 'class' => '' ], 'i' ); ?>
                            <?php endif; ?>
                            <span class="pxl-item--text"><?php echo esc_html($item['text']); ?></span>
                        </li>
                    <?php endforeach; ?>
                </ul>
            </div>
        </div> 
    </div>
<?php endif; ?>