<?php
$html_id = pxl_get_element_id($settings);
?>
<div class="pxl-banner pxl-banner1">
	<div class="pxl-box-inner">
		<?php if(!empty($settings['banner_image']['id'])) : 
			$image_size = !empty($settings['img_size']) ? $settings['img_size'] : 'full'; 
			$img = pxl_get_image_by_size( array(
				'attach_id'  => $settings['banner_image']['id'],
				'thumb_size' => $image_size,
			));
			$thumbnail = $img['thumbnail'];
			?>
			<div class="pxl-item--img1">
				<?php echo pxl_print_html($thumbnail); ?>
			</div>
		<?php endif; ?>
		<?php if(!empty($settings['banner_image2']['id'])) : 
			$image_size2 = !empty($settings['img_size2']) ? $settings['img_size2'] : 'full'; 
			$img_2 = pxl_get_image_by_size( array(
				'attach_id'  => $settings['banner_image2']['id'],
				'thumb_size' => $image_size2,
			));
			$thumbnail_2 = $img_2['thumbnail']; ?>
			<div class="pxl-item--img2">
				<?php echo pxl_print_html($thumbnail_2); ?>
			</div>
		<?php endif; ?>
		<?php if(!empty($settings['banner_image3']['id'])) : 
			$image_size2 = !empty($settings['img_size3']) ? $settings['img_size3'] : '172x445'; 
			$img_3 = pxl_get_image_by_size( array(
				'attach_id'  => $settings['banner_image3']['id'],
				'thumb_size' => $image_size2,
			));
			$thumbnail_3 = $img_3['thumbnail']; ?>
			<div class="pxl-item--img3">
				<?php echo pxl_print_html($thumbnail_3); ?>
			</div>
		<?php endif; ?>
		<?php if(!empty($settings['banner_image4']['id'])) : 
			$image_size4 = !empty($settings['img_size4']) ? $settings['img_size4'] : '253x191'; 
			$img_4 = pxl_get_image_by_size( array(
				'attach_id'  => $settings['banner_image4']['id'],
				'thumb_size' => $image_size4,
			));
			$thumbnail_4 = $img_4['thumbnail']; ?>
			<div class="pxl-item--img4">
				<?php echo pxl_print_html($thumbnail_4); ?>
			</div>
		<?php endif; ?>
		<?php if ( $settings['icon_type'] == 'icon' && !empty($settings['pxl_icon']['value']) ) : ?>
            <div class="pxl-item--icon <?php echo esc_attr($settings['pxl_animate_img1']); ?>" data-wow-delay="<?php echo esc_attr($settings['pxl_animate_delay_img1']); ?>ms">
                <?php \Elementor\Icons_Manager::render_icon( $settings['pxl_icon'], [ 'aria-hidden' => 'true', 'class' => '' ], 'i' ); ?>
            </div>
        <?php endif; ?>
        <?php if ( $settings['icon_type'] == 'image' && !empty($settings['icon_image']['id']) ) : ?>
            <div class="pxl-item--icon <?php echo esc_attr($settings['pxl_animate_img1']); ?>" data-wow-delay="<?php echo esc_attr($settings['pxl_animate_delay_img1']); ?>ms">
                <?php $img_icon  = pxl_get_image_by_size( array(
                        'attach_id'  => $settings['icon_image']['id'],
                        'thumb_size' => 'full',
                    ) );
                    $thumbnail_icon    = $img_icon['thumbnail'];
                echo pxl_print_html($thumbnail_icon); ?>
            </div>
        <?php endif; ?>
	</div>
</div>