<?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" <?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="overlay1"></div>
        <?php if( get_theme_mod('breadcrumb_button_display','show' ) == 'show') : ?>
        <div class="  container" >
            <div class="headinnbox">
                 <!-- <//?php the_title( '<h1 class="ht-main-title ">', '</h1>' ); ?> -->
                <div class="breadcrumbbox ">
                    <div class='button'><?php luzuk_lite_the_breadcrumb(); ?></div>
                    <div class="clearfix"></div>
                </div>
                
            </div>
            <?php endif ?>
        </div>
        <div class="clearfix"></div>
    <!-- </div> -->
    <div class="clearfix"></div>
</header>

<main id="innerpage-box" >
	<div class="container">
		<!-- <div class="con-cir"></div> -->
		<div class="contact-address-area">
			
    <?php 
  		$phone = get_theme_mod('luzuk_contactus_phone', '+111 222 333');
    	$email = get_theme_mod('luzuk_contactus_email', 'info@yourmail.com');
		$address = get_theme_mod('luzuk_contactus_address', 'Add Address here..');
	?>
	    	
			<div class="contform" >

				<div class="row mr-0">
					<div class="col-lg-6 col-sm-12 ">
						<div class="cntlhsbx-img">
							<?php 
								$cntlhs_image = get_theme_mod('cntlhs_image');
								if(!empty($cntlhs_image)){
									echo '<img src="'.esc_url($cntlhs_image).'" class="img-responsive secondry-bg-img" />';
								}else{
									echo '<img src="'.get_template_directory_uri().'/images/contactlogo.png" class="img-responsive" />';
								}
							?>
						</div>	
						<div class="cntlhsbx">		
				    		<!-- <div class="row mr-0">	 -->
				    			 <?php if( $phone ){ ?>
						   		<div class="cntpgbx ">
						   			<div class="row mr-0">
							   			<div class="col-lg-1 col-md-2 col-sm-2 pd-0">
								   			<div class="cntpgicn f-icn">
								   				<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 ">
									<div class="row mr-0">
										<div class="col-lg-1 col-md-2 col-sm-2 pd-0">
								   			<div class="cntpgicn s-icn">
								   				<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 ">
									<div class="row mr-0">
										<div class="col-lg-1 col-md-2 col-sm-2 pd-0">
								   			<div class="cntpgicn t-icn">
								   				<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>
					</div>
					<div class="col-lg-6 col-sm-12   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');
							?>
							<div class="contact-form">
								<div class="conforminn">
								<?php if(!empty($shortcodeLbl )){ ?>
					                <div class="maintle inner-area-title"><?php echo $shortcodeLbl;?></div>	
					            <?php }?>
					                <div class="ctform">
										<?php echo do_shortcode($shortcode);?>
										<div class="form-img">
											<?php 
												$confm_image = get_theme_mod('confm_image');
												if(!empty($confm_image)){
													echo '<img src="'.esc_url($confm_image).'" class="img-responsive secondry-bg-img" />';
												}else{
													echo '<img src="'.get_template_directory_uri().'/images/contact -form.png" class="img-responsive" />';
												}
											?>
										</div>	
									</div>
									<div class="clearfix"></div>	
								</div>
								<div class="clearfix"></div>					
							</div>
						</div>
					</div>
				</div>
				<div class="clearfix"></div>
			</div>
  			<div class="clearfix"></div>
		</div>
	</div>	
	<div class="contact-mapbox ">
		<?php echo $iframe; ?>
	</div>
	<!-- <div class="container"> --> 
		
	<!-- </div> -->
	<div class="clearfix"></div>
</main>
<?php get_footer(); ?>