<?php 

$image_url = "";
if ( $instance['image'] != '' ){
    $image_url = wp_get_attachment_image_src($instance['image'],"swap-banner",false);
}

$image = $image_url[0];
?>



<!-- Promo Section
				============================================= -->
				<div class=" mb-4 mt-5">
					<div class="promo pl-0 " style="background: linear-gradient(transparent 20%, var(--cnvs-themecolor) 20%, #fff);padding-right:30px">
						<div class="row align-items-center">
							<div class="col-12 col-lg-5 col-md-6 d-lg-block">
								<img src="<?php echo esc_url( $image_url[0] ); ?>" alt="<?php echo get_bloginfo('name'); ?>" class="ms-lg-0">
							</div>
							<div class="col-12 col-lg-7 col-md-6 pb-4 pb-lg-0 p-4">
								<h3 class="text-white text-uppercase ls-1 mb-3"><?php echo esc_attr( $instance['title'] ); ?></h3>
								
								<h5 class="mb-4">Call us at 
								 <?php $phone_1 = swap_get_option('phone_1', ''); if( $phone_1){ ?><a href="tel:<?php echo $phone_1; ?>"><span class="text-white"><?php echo $phone_1; ?></span></a> 
								 <?php } ?>or Email us at 
								  <?php $email_1 = swap_get_option('email_1', ''); if( $email_1){ ?><a href="mailto: <?php echo $email_1; ?>"><span class="text-white"><?php echo $email_1; ?></span></a>
								  <?php } ?></h5>
							<div class="wdt-button-holder wdt-template-icon-highlighted wdt-button-link wdt-button-style-default wdt-button-size-nm wdt-animation- wdt-button-icon-after" id="wdt-button-dc421b0"  data-animate="fadeInUp">
						<a class="wdt-button" href="<?php echo sow_esc_url_raw( $instance['button_url'] ); ?>">
						<div class="wdt-button-text">
						<span><?php echo esc_attr( $instance['button_text'] ); ?></span>
						</div>
						<div class="wdt-button-icon">
						<span>
						<i>
						<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" fill="#fff" height="15" width="15" xml:space="preserve">
						<g>	<path d="M49.5,4.7c0-2.3-1.9-4.2-4.2-4.2l-38.1,0C4.9,0.5,3,2.4,3,4.7C3,7.1,4.9,9,7.2,9H41v33.8c0,2.3,1.9,4.2,4.2,4.2  c2.3,0,4.2-1.9,4.2-4.2V4.7z"></path>	<polygon points="48.3,7.7 6.5,49.5 0.5,43.5 42.3,1.7  "></polygon></g>
						</svg>
						</i>
						</span>
						</div>
						</a>
						</div>
							</div>
						</div>
					</div>
				</div>