<?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="container">
	    <div class="row">
	        <div class="col-xl-7 col-lg-6 col-md-8 col-sm-12 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="col-xl-5 col-lg-6 col-md-4 col-sm-12  pd-0" >
	        	<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>
	        </div>
	        <div class="clearfix"></div>
	    </div>
	    <div class="clearfix"></div>
	</div>
</header>
<main id="innerpage-box" >
	<div class="inner-contactarea">
		<div class="contact-cir">
			<svg viewBox="0 0 1500 450">
			  <path id="Path_14" data-name="Path 14" d="M1.279,0C51.24,32.122,105.358,55.014,163.742,66.52c74.523,14.688,123.355.322,198.282,12.792,38.089,6.34,117.555,37.239,189.327,71.637,57.324,27.474,94.612,52.172,148.391,60.124,29.548,4.369,63.593,7.441,98.5,17.909,11.334,3.4,22.343,7.21,33.26,11.513V536L0,534.721Q.639,267.361,1.279,0Z" fill-rule="evenodd"/>
			</svg>
		</div>
		<div class="container">
			<div class="contact-address-area">
			    <?php 
			    	$contheading = get_theme_mod('contheading', 'Get In Touch');
					$contsubheading = get_theme_mod('contsubheading', 'For More Info');
			  		$phone = get_theme_mod('luzuk_contactus_phone', '+111 222 1111');
			    	$email = get_theme_mod('luzuk_contactus_email', 'info@abcmail.com');
					$address = get_theme_mod('luzuk_contactus_address', '2847 N Henderson Ave United States');
				?>
				<div class="contform" >
					<div class="row mr-0">
						<div class="col-md-6 col-sm-12 ">
							<div class="row justify-content-center">
								<?php if($contheading){ ?>	
									<div class="cont-hdtitle">
										<h1><?php echo ($contheading);  ?></h1>
									</div>
								<?php }?>
								<?php if($contsubheading){ ?>	
									<div class="cont-subtitle">
										<h3><?php echo ($contsubheading);  ?></h3>
									</div>
								<?php }?>
							</div>
							<?php if(!empty( $phone || $email || $address)){ ?>
								<div class="cntlhsbx">	
									<div class="app-img">
										<?php 
											echo '<img alt="About us" src="'.get_template_directory_uri().'/images/cup.png" class="img-responsive" />';
										?>	
									</div>
					    			 <?php if( $phone ){ ?>
								   		<div class="cntpgbx wow zoomIn">
								   			<div class="row mr-0">
									   			<div class="col-lg-1 col-md-2 col-sm-2 pd-0">
										   			<div class="cntpgicn">
										   				<i class="fa fa-phone" ></i> 
										   			</div>
										   		</div>
										   		<div class="col-lg-11 col-md-10 col-sm-10 cntpgtxt">
										   			<a class="" href="tel:<?php echo $phone;?>"><p><?php echo $phone;?></p></a>
									   			</div>
									   		</div>
									   		<div class="clearfix"></div>
									   	</div>
									 <?php } ?>	

										<?php if( $email ){ ?>
										<div class="cntpgbx wow zoomIn">
											<div class="row mr-0">
												<div class="col-lg-1 col-md-2 col-sm-2 pd-0">
										   			<div class="cntpgicn">
										   				<i class="fa fa-envelope" ></i>
										   			</div>
										   		</div>
										   		<div class="col-lg-11 col-md-10 col-sm-10 cntpgtxt">
										   			<a href="mailto:<?php echo $email;?>"><p><?php echo $email;?></p></a>
										   		</div>
										   	</div>
									   		<div class="clearfix"></div>
									   	</div>
										<?php } ?>	

										<?php if($address ){ ?>
										<div class="cntpgbx wow zoomIn">
											<div class="row mr-0">
												<div class="col-lg-1 col-md-2 col-sm-2 pd-0">
										   			<div class="cntpgicn">
										   				<i class="fa fa-map-marker" ></i>
										   			</div>
										   		</div>
										   		<div class="col-lg-11 col-md-10 col-sm-10 cntpgtxt">
										   			<p><?php echo $address;?></p>				   			
										   		</div>
										   	</div>
									   		<div class="clearfix"></div>
									   	</div>
										 <?php } ?>

								 		<div class="clearfix"></div>
									<!-- </div> -->
								</div>
							<?php }?> 
						</div>
						<div class="col-md-6 col-sm-12 pd-0 wow zoomIn  contforminn">
							<div id="ht-contactus-wrap">
								<?php 
									$shortcodeLbl = get_theme_mod('luzuk_contactus_shortcode_lbl', 'Contact Us');
									$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 }?>
								<div class="contact-form">
					                <div class="ctform">
										<?php echo do_shortcode($shortcode);?>	
									</div>
									<div class="clearfix"></div>					
								</div>
							</div>
						</div>
					</div>
					<div class="clearfix"></div>
				</div>
	  			<div class="clearfix"></div>
			</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(); ?>