<?php

if(get_theme_mod('newsletter_area_disable') != 'on' ){
	?>
	<!-- newsletter Area Start -->
<?php 
	if( get_theme_mod('newsletter_areaTpadding',true) ) {
		$newsletter_areaTpadding = 'padding-top:'.esc_attr(get_theme_mod('newsletter_areaTpadding')).';';
	}
	if( get_theme_mod('newsletter_areaBpadding',true) ) {
		$newsletter_areaBpadding = 'padding-bottom:'.esc_attr(get_theme_mod('newsletter_areaBpadding')).';';
	}
?>		
<div class="newsletter-area" id="newsletter" style="<?php echo esc_attr($newsletter_areaTpadding); ?>" "<?php echo esc_attr($newsletter_areaBpadding); ?>">
	<?php
		$newsletter_page_id = get_theme_mod('newsletter_page');
		$newsletter_page_maintitle = get_theme_mod('newsletter_page_maintitle', 'Get the best blog stories into your inbox!');
		$luzuk_newsletter_shortcode = get_theme_mod('luzuk_newsletter_shortcode', '[Add Form shortcode]');
		$news_img_display = get_theme_mod( 'news_img_display', 'show' ); 		
	?>
	<div class="container">
		<div class="newslettersign-box">
			<div class="row"> 
				<div class="col-xl-3 col-lg-2">
					<?php
						if ( $news_img_display === 'show' ) {
					?>
						<div class="newsletterleft-img">
				            <img src="<?php echo get_template_directory_uri() ?>/images/newsletter.png" class="img-responsive" />
				        </div>
					<?php } ?>
				</div>
				<div class="col-xl-6 col-lg-8">
					<?php if($newsletter_page_maintitle || $luzuk_newsletter_shortcode ){ ?>
						<div class="f-box">
							<h3><?php echo ($newsletter_page_maintitle);  ?></h3>					          	 		
							<div class="ht-newsletter-member-wrap">
								<div class="box-form">										
									<?php echo do_shortcode($luzuk_newsletter_shortcode);?>
								</div>
							</div>
							<div class="clearfix"></div>
						</div>
					<?php }?> 
				</div>
				<div class="col-xl-3 col-lg-2">
					<?php
						if ( $news_img_display === 'show' ) {
					?>
						<div class="newsletterright-img">
				            <img src="<?php echo get_template_directory_uri() ?>/images/newsletter.png" class="img-responsive" />
				        </div>
				    <?php } ?>
				</div>
			</div>			 
			<div class="clearfix"></div> 
		</div>
	</div>
	<div class="clearfix"></div> 
</div> 	
<?php } 