<?php
/**
 * Template Name: Contact Page
 *
 * @package luzuk Premium
 */
get_header(); 
?>

<?php $image = wp_get_attachment_url( get_post_thumbnail_id($post->ID));?>
<header class="page-main-header"  >
	<div class="innheadrhs" <?php  if (!empty($image)) : ?> style="background: url('<?php echo esc_url($image); ?>'); background-repeat: no-repeat; background-size:cover; position: relative;"<?php endif ?>>
			<div class="innerhead-overlay"></div>
			<div class="container">
		        <div class="innheadlhs">
		            <div class="headinnbox">
		                <?php the_title( '<h1 class="ht-main-title wow zoomIn">', '</h1>' ); ?>
		                <?php if( get_theme_mod('breadcrumb_button_display','show' ) == 'show') : ?>
		                <div class="breadcrumbbox wow zoomIn">
		                    <div class='button'><?php luzuk_lite_the_breadcrumb(); ?></div>
		                    <div class="clearfix"></div>
		                </div>
		                <?php endif ?>
		            </div>
		        </div>
			    <div class="clearfix"></div>
			</div>
	</div>
</header>
<main id="innerpage-box" >
	<div class="inner-contactarea">
		<div class="contact-address-area">
		    <?php 
		  		$phone = get_theme_mod('luzuk_contactus_phone', '111-222-3333');
		  		$phone1 = get_theme_mod('luzuk_contactus_phone1', '111-444-3325');
		    	$email = get_theme_mod('luzuk_contactus_email', 'INFOCONTACAT@MAIL.COM');
				$address = get_theme_mod('luzuk_contactus_address', '5707 Seminary Rd Baileys Crossro New york');
			?>
			<div class="contform" >
				<?php if(!empty( $phone  || $phone1 || $email || $address)){ ?>
					<div class="cntlhsbx">
					  <div class="container">
					  	<div class="row">
					  		<?php if( $phone || $phone1){ ?>
						  		<div class="col-lg-4 col-md-4">
						  			<div class="cntpgbx wow zoomIn">
							   			<div class="row mr-0">
								   			<div class="col-lg-1 col-md-2 col-sm-1 pd-0 cntpgicon">
									   			<div class="cntpgicn">
									   				<i class="fa fa-phone" ></i> 
									   			</div>
									   		</div>
									   		<div class="col-lg-11 col-md-10 col-sm-11 cntpgtxt">
									   			<?php if( $phone ){ ?>
										   			<a class="" href="tel:<?php echo $phone;?>">
										   				<?php echo $phone;?>,
										   			</a><!-- <br> -->
										   		<?php } ?>
									   			<?php if( $phone1){ ?>
										   			<a class="" href="tel:<?php echo $phone1;?>">
										   				<?php echo $phone1;?>
										   			</a>
										   		<?php } ?>
								   			</div>
								   		</div>
								   		<div class="clearfix"></div>
								   	</div>
						  		</div>
						  	<?php } ?>
						  	<?php if( $email ){ ?>
						  		<div class="col-lg-4 col-md-4">
						  			<div class="cntpgbx wow zoomIn">
										<div class="row mr-0">
											<div class="col-lg-1 col-md-2 col-sm-1 pd-0 cntpgicon">
									   			<div class="cntpgicn">
									   				<i class="fa fa-envelope" ></i>
									   			</div>
									   		</div>
									   		<div class="col-lg-11 col-md-10 col-sm-11 cntpgtxt">
									   			<a href="mailto:<?php echo $email;?>"><?php echo $email;?></a>
									   		</div>
									   	</div>
								   		<div class="clearfix"></div>
								   	</div>
						  		</div>
						  	<?php } ?>
						  	<?php if($address ){ ?>	
						  		<div class="col-lg-4 col-md-4">
						  			<div class="cntpgbx wow zoomIn">
										<div class="row mr-0">
											<div class="col-lg-1 col-md-2 col-sm-1 pd-0 cntpgicon">
									   			<div class="cntpgicn">
									   				<i class="fa fa-map-marker" ></i>
									   			</div>
									   		</div>
									   		<div class="col-lg-11 col-md-10 col-sm-11 cntpgtxt">
									   			<p><?php echo $address;?></p>				   			
									   		</div>
									   	</div>
								   		<div class="clearfix"></div>
								   	</div>
						  		</div>
						  	 <?php } ?>
					  	</div>
				 	<div class="clearfix"></div>
					</div>
				</div>
				<?php }?> 
				<div class="wow zoomIn  contforminn">
					<div class="cntct-circle"></div>
					<div class="cntct-circle1"></div>
					<div class="container">
						<div class="row">
							<div class="col-lg-6">
								<div class="cnctinn-imgsec">
									<?php
										$contactinn_image = get_theme_mod('contactinn_image');
									?>
									<?php 
										if(!empty($contactinn_image)){
											echo '<img alt="'. esc_html(get_the_title()) .'" src="'.esc_url($contactinn_image).'" class="img-responsive secondry-bg-img" />';
										}else{
											echo '<img alt="contact us" src="'.get_template_directory_uri().'/images/app-bg.jpg" class="img-responsive" />';
										}
									?>
									<div class="cnctinn-ovly"></div>
								</div>
							</div>
							<div class="col-lg-6">
								<div id="ht-contactus-wrap">
									<?php 
										$shortcodeLbl = get_theme_mod('luzuk_contactus_shortcode_lbl', 'Lets Create Together');
										$shortcodeText = get_theme_mod('luzuk_contactus_shortcode_txt', 'There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some');
										$shortcode = get_theme_mod('luzuk_contactus_shortcode', 'Add your form shortcode customizer');
										$iframe = get_theme_mod('luzuk_contactus_embade', 'Add your Embed code in customizer');
									?>
									<?php if(!empty($shortcodeLbl)){ ?>
						                	<div class="maintle inner-area-title"><?php echo $shortcodeLbl;?></div>	
						            <?php }?>
						            <?php if(!empty($shortcodeText)){ ?>
						                	<div class="maintle-text">
						                		<?php echo $shortcodeText;?>	
						                	</div>	
						            <?php }?>
									<div class="contact-form">
						                <div class="ctform">
											<?php echo do_shortcode($shortcode);?>	
										</div>
										<div class="clearfix"></div>					
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="clearfix"></div>
			</div>
  			<div class="clearfix"></div>
		</div>
	</div>
	<div class="contact-mapbox wow zoomIn">
		<?php echo $iframe; ?>
	</div>
	<!-- <div class="container"> --> 
		
	<!-- </div> -->
	<div class="clearfix"></div>
</main>
<?php get_footer(); ?>