<?php
/**
 * @author  RadiusTheme
 * @since   1.0
 * @version 1.0
 */

namespace radiustheme\Finbuzz_Core;

use FinbuzzTheme_Helper;
use Elementor\Utils;
use Elementor\Group_Control_Image_Size;
extract($data);

$attr = '';
if ( !empty( $data['url']['url'] ) ) {
	$attr  = 'href="' . $data['url']['url'] . '"';
	$attr .= !empty( $data['url']['is_external'] ) ? ' target="_blank"' : '';
	$attr .= !empty( $data['url']['nofollow'] ) ? ' rel="nofollow"' : '';
	
}
//image
if ( $attr ) {
  $getimg = '<a ' . $attr . '>' .Group_Control_Image_Size::get_attachment_image_html( $data, 'icon_image_size' , 'rt_image' ).'</a>';
}
else {
	$getimg = Group_Control_Image_Size::get_attachment_image_html( $data, 'icon_image_size', 'rt_image' );
}

$mouse_follow_effect="";
if($data['mouse_follow']=='yes'){
    $mouse_follow_effect="motion-effects-wrap";
}
?>

<div class="image-default image-<?php echo esc_attr( $data['style'] );?> <?php echo esc_attr( $mouse_follow_effect); ?>">
	<div class="image-box">
		<ul class="about-shape d-none d-xl-block">
			<li class="motion-effects1"><img class="wow fadeInRight" src="<?php echo FINBUZZ_ASSETS_URL . 'element/element_2.png'; ?>" height="191" width="181" data-wow-delay="300ms" data-wow-duration="800ms" alt=""></li>
			<li class="motion-effects2" >
            <svg class="wow fadeInUp"  data-wow-delay="600ms" data-wow-duration="800ms" width="121" height="121" viewBox="0 0 121 121" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M21.2511 99.7486C48.5878 127.085 92.9093 127.085 120.246 99.7486L21.2511 0.753672C-6.08564 28.0904 -6.08564 72.4119 21.2511 99.7486Z" fill="#FA360A"/>
            </svg>
			</li>
            <?php if($data['image11_shape_display']=='yes'){ ?>
                <li class="motion-effects3">
                    <svg class="wow fadeInRight" data-wow-delay="800ms" data-wow-duration="800ms" width="110" height="71" viewBox="0 0 110 71" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <g clip-path="url(#clip0_921_154)">
                        <path d="M1.07129 1.06494C11.757 1.06494 11.757 8.16494 22.4427 8.16494C33.1284 8.16494 33.1284 1.06494 43.8284 1.06494C54.5284 1.06494 54.5284 8.16494 65.2141 8.16494C75.9141 8.16494 75.9141 1.06494 86.5999 1.06494C97.2856 1.06494 97.2999 8.16494 107.986 8.16494" stroke="#FE5313" stroke-width="2.5" stroke-miterlimit="10" stroke-linecap="round"/>
                        <path d="M1.07129 21.229C11.757 21.229 11.757 28.329 22.4427 28.329C33.1284 28.329 33.1284 21.229 43.8284 21.229C54.5284 21.229 54.5284 28.329 65.2141 28.329C75.9141 28.329 75.9141 21.229 86.5999 21.229C97.2856 21.229 97.2999 28.329 107.986 28.329" stroke="#FE5313" stroke-width="2.5" stroke-miterlimit="10" stroke-linecap="round"/>
                        <path d="M1.07129 41.3931C11.757 41.3931 11.757 48.4931 22.4427 48.4931C33.1284 48.4931 33.1284 41.3931 43.8284 41.3931C54.5284 41.3931 54.5284 48.4931 65.2141 48.4931C75.9141 48.4931 75.9141 41.3931 86.5999 41.3931C97.2856 41.3931 97.2999 48.4931 107.986 48.4931" stroke="#FE5313" stroke-width="2.5" stroke-miterlimit="10" stroke-linecap="round"/>
                        <path d="M1.07129 61.571C11.757 61.571 11.757 68.671 22.4427 68.671C33.1284 68.671 33.1284 61.571 43.8284 61.571C54.5284 61.571 54.5284 68.671 65.2141 68.671C75.9141 68.671 75.9141 61.571 86.5999 61.571C97.2856 61.571 97.2999 68.671 107.986 68.671" stroke="#FE5313" stroke-width="2.5" stroke-miterlimit="10" stroke-linecap="round"/>
                        </g>
                        <defs>
                        <clipPath id="clip0_921_154">
                        <rect width="110" height="71" fill="white"/>
                        </clipPath>
                        </defs>
                    </svg>
                </li>
            <?php } ?>
		</ul>
		<?php echo wp_kses_post($getimg);?>
	</div>
</div>