<?php
$default_settings = [
    'banner_image' => '',
    'title_text' => '',
    'ct_animate' => '',
];
$settings = array_merge($default_settings, $settings);
extract($settings);
if(!empty($banner_image['id'])) : 

	$img = ct_get_image_by_size( array(
		'attach_id'  => $banner_image['id'],
		'thumb_size' => 'full',
	));
	$thumbnail = $img['thumbnail'];
	?>
	<div class="ct-banner layout3 <?php echo esc_attr($ct_animate); ?>">
		<div class="ct-banner-inner">
			<div class="ct-banner-image">
				<?php echo wp_kses_post($thumbnail); ?>
	            <?php if( ! empty( $image_small['url'] ) ) : 
	                $img_small  = ct_get_image_by_size( array(
	                    'attach_id'  => $image_small['id'],
	                    'thumb_size' => 'full',
	                ) );
	                $thumbnail_small    = $img_small['thumbnail'];
	                ?>
	                <div class="ct-image-small small1">
	                    <div class="image-small">
	                        <?php echo wp_kses_post($thumbnail_small); ?>        
	                    </div>
	                </div>
	                <div class="ct-image-small small2">
	                    <div class="image-small">
	                        <?php echo wp_kses_post($thumbnail_small); ?>        
	                    </div>
	                </div>
	            <?php endif; ?>
			</div>
			<div class="ct-banner-meta">
				<?php if(!empty($title_text)) : ?>
					<div class="ct-banner-title ct-circle-type">
						<svg id="tutorial" data-name="tutorial" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144.48 144.48">
							<path id="ct-banner-curve" d="M242.93,123A71.74,71.74,0,1,1,171.2,51.22,71.73,71.73,0,0,1,242.93,123Z" transform="translate(-98.96 -50.72)"/>
							<text fill="url(#ct-circle-text)">
						        <textPath href="#ct-banner-curve">
									<?php echo wp_kses_post($title_text); ?>
								</textPath>
						    </text>
						</svg>
					</div>
				<?php endif; ?>
			</div>
		</div>
	</div>
<?php endif; ?>