<?php
/**
 * Template Name: Contact Page
 *
 * @package Luzuk Premium
 */
get_header(); 
?>
<header class="page-main-header">
	<div>
		<?php $image = wp_get_attachment_url( get_post_thumbnail_id($post->ID));?>
		<?php
        //print_r ($post);
		if (!empty($image)){
			echo '<img src="'.$image.'" class="ht-page-header-img" />';
		}
		?>
		<!-- <img src="<?php //echo !empty($image)?$image : get_template_directory_uri().'/images/innerpage.jpg';?>" class="ht-page-header-img" alt="<?php //the_title();?>" /> -->
	</div>
	<div class="container">
		<?php the_title( '<h1 class="ht-main-title">', '</h1>' ); ?>
		<div class="clearfix"></div>
	</div>
</header><!-- .entry-header --> 

<?php if( get_theme_mod('breadcrumb_button_display','show' ) == 'show') :
	?>
	<div class="breadcrumbbox">
		<div class="container">
			<div class='button'><?php lz_fitness_lite_the_breadcrumb(); ?></div>
			<!--  <?php //lz_fitness_lite_the_breadcrumb(); ?> -->
		</div>
	</div>

<?php endif ?> 

<main id="innerpage-box">


	<div class="container">

		<?php
		
		// $lz_fitness_contactus_title = get_theme_mod('lz_fitness_contactus_title');
		$lz_fitness_contactus_sub_title = get_theme_mod('lz_fitness_contactus_sub_title');
		?>
		<?php /*if($lz_fitness_contactus_title){ ?>
		<div class="ht-section-title-tagline">
			<?php if($lz_fitness_contactus_title){ ?>
			<h2 class="ht-section-title"><?php echo esc_html($lz_fitness_contactus_title); ?></h2>
			<?php } ?>
		</div>
	<?php }*/ ?>
	<div class="ht-contactus-wrap innerpage-whitebox">
		<?php 
		$lz_fitness_contactus_addrress = get_theme_mod('lz_fitness_contactus_addrress', 'Address');
		$lz_fitness_contactus_emailid = get_theme_mod('lz_fitness_contactus_emailid', 'Email');
		$lz_fitness_contactus_phhone = get_theme_mod('lz_fitness_contactus_phhone', 'Phone');
		$lz_fitness_contactus_socialtitle = get_theme_mod('lz_fitness_contactus_socialtitle', 'Follow us on');
		$address = get_theme_mod('lz_fitness_contactus_address', 'Add Contact Address here..');
		$addressdata1 = get_theme_mod('lz_fitness_contactus_addressdata1', '');
		$addressdata2 = get_theme_mod('lz_fitness_contactus_addressdata2', '');



		$email = get_theme_mod('lz_fitness_contactus_email', 'contact@example.com');
		$phone = get_theme_mod('lz_fitness_contactus_phone', '+1 999 999 9999');
		$shortcodeLbl = get_theme_mod('lz_fitness_contactus_shortcode_lbl', 'Contact Now');
		$shortcode = get_theme_mod('lz_fitness_contactus_shortcode', 'Add your shortcode through customizer');
		
		$iframe = get_theme_mod('lz_fitness_contactus_embade', 'Add your Embed code in customizer');

		$facebook = get_theme_mod('lz_fitness_contactus_facebook', '//facebook.com/');
		$twitter = get_theme_mod('lz_fitness_contactus_twitter', '//twitter.com/');
		$instagram = get_theme_mod('lz_fitness_contactus_instagram', 'https://www.instagram.com/');
		$linkedIn = get_theme_mod('lz_fitness_contactus_linkedin', '//linkedin.com/');
		?>
		<div id="ht-contactus-wrap">
				<?php if( get_theme_mod('pathcontactarea_button','show' ) == 'show') :
					?>
										<figure class="figure pattern-svg">
				<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1306px" height="225px">
					<path fill-rule="evenodd" fill="rgb(35, 23, 123)" d="M-0.011,9.318 L8.682,6.988 L11.011,15.682 L2.318,18.011 L-0.011,9.318 Z"></path>
					<path fill-rule="evenodd" fill="rgb(35, 23, 123)" d="M607.694,164.319 L612.680,161.693 L615.306,166.680 L610.320,169.305 L607.694,164.319 Z"></path>
					<path fill-rule="evenodd" fill="rgb(93, 203, 250)" d="M667.343,205.646 L679.152,213.179 L671.620,224.988 L659.810,217.456 L667.343,205.646 Z"></path>
					<path fill-rule="evenodd" fill="rgb(93, 203, 250)" d="M915.839,-0.008 L924.997,5.833 L919.156,14.991 L909.998,9.150 L915.839,-0.008 Z"></path>
					<path fill-rule="evenodd" fill="rgb(35, 23, 123)" d="M989.000,93.000 C993.418,93.000 997.000,96.582 997.000,101.000 C997.000,105.418 993.418,109.000 989.000,109.000 C984.582,109.000 981.000,105.418 981.000,101.000 C981.000,96.582 984.582,93.000 989.000,93.000 Z"></path>
					<path fill-rule="evenodd" fill="rgb(35, 23, 123)" d="M1165.000,8.000 C1167.761,8.000 1170.000,10.238 1170.000,13.000 C1170.000,15.761 1167.761,18.000 1165.000,18.000 C1162.239,18.000 1160.000,15.761 1160.000,13.000 C1160.000,10.238 1162.239,8.000 1165.000,8.000 Z"></path>
					<path fill-rule="evenodd" fill="rgb(93, 203, 250)" d="M1303.500,118.000 C1304.881,118.000 1306.000,119.119 1306.000,120.500 C1306.000,121.880 1304.881,123.000 1303.500,123.000 C1302.119,123.000 1301.000,121.880 1301.000,120.500 C1301.000,119.119 1302.119,118.000 1303.500,118.000 Z"></path>
					<path fill-rule="evenodd" fill="rgb(93, 203, 250)" d="M61.000,112.000 C62.657,112.000 64.000,113.343 64.000,115.000 C64.000,116.657 62.657,118.000 61.000,118.000 C59.343,118.000 58.000,116.657 58.000,115.000 C58.000,113.343 59.343,112.000 61.000,112.000 Z"></path>
					<path fill-rule="evenodd" fill="rgb(74, 92, 246)" d="M265.500,-0.000 C271.299,-0.000 276.000,4.701 276.000,10.500 C276.000,16.299 271.299,21.000 265.500,21.000 C259.701,21.000 255.000,16.299 255.000,10.500 C255.000,4.701 259.701,-0.000 265.500,-0.000 Z"></path>
					<path fill-rule="evenodd" fill="rgb(35, 23, 123)" d="M185.500,131.000 C187.985,131.000 190.000,133.015 190.000,135.500 C190.000,137.985 187.985,140.000 185.500,140.000 C183.015,140.000 181.000,137.985 181.000,135.500 C181.000,133.015 183.015,131.000 185.500,131.000 Z"></path>
				</svg>
			</figure>
			<?php endif ?>
			<div class="row">
				<div class="col-md-6">
					<div class="contact-page-address">
						<div class="row address-box">
							<div class="col-md-5"> 
								<?php if($lz_fitness_contactus_addrress){ ?>
									<div class="padding0 ht-section-tagline lz-appointment-addresss"><span class="fa fa-map-marker"></span> <?php echo ($lz_fitness_contactus_addrress);  ?> :</div>
								<?php } ?>
							</div>
							<div class="col-md-7 contact-info"> 
								<p><?php echo nl2br($address); ?></p>
								<p><?php echo nl2br($addressdata1); ?></p>
								<p><?php echo nl2br($addressdata2); ?></p></div>
								<div class="clearfix"></div>	
							</div>

							<div class="row address-box">
								<div class="col-md-5">
									<?php if($lz_fitness_contactus_emailid){ ?>
										<div class="padding0 ht-section-tagline lz-appointment-email"><span class="fa fa-envelope"></span> <?php echo ($lz_fitness_contactus_emailid);  ?> :</div>
									<?php } ?>
								</div>
								<div class="col-md-7 contact-info">  <a href="mailto:<?php echo $email;?>"><?php echo $email;?></a> </div>
								<div class="clearfix"></div>	
							</div>

							<div class="row address-box">
								<div class="col-md-5"> 
									<?php if($lz_fitness_contactus_phhone){ ?>
										<div class="padding0 ht-section-tagline lz-appointment-phhone"><span class="fa fa-phone"></span> <?php echo ($lz_fitness_contactus_phhone);  ?> :</div>
									<?php } ?>
								</div>
								<div class="col-md-7 contact-info">  <?php echo $phone;?> </div>
								<div class="clearfix"></div>	
							</div>

							<div class="col-md-12">
								<!-- <h3>Follow us on: </h3> -->
								<h2><?php if($lz_fitness_contactus_socialtitle){ ?>
									<?php echo ($lz_fitness_contactus_socialtitle);  ?> :
								</h2>
							<?php } ?>
							<ul class="contact-sm-links">
								<?php if(!empty($facebook)){ ?>
									<li><a href="<?php echo $facebook ?>" title="Facebook"><span class="fa fa-facebook"></span></a></li>
								<?php }?>
								<?php if(!empty($twitter)){ ?>
									<li><a href="<?php echo $twitter ?>" title="Twitter"><span class="fa fa-twitter"></span></a></li>
								<?php }?>
								<?php if(!empty($instagram)){ ?>
									<li><a href="<?php echo $instagram ?>" title="Instagram"><span class="fa fa-instagram"></span></a></li>
								<?php }?>
								<?php if(!empty($linkedIn)){ ?>
									<li><a href="<?php echo $linkedIn ?>" title="Linked In"><span class="fa fa-linkedin"></span></a></li>
								<?php }?>
							</ul>
						</div>
						<div class="clearfix"></div>
					</div>
				</div>

				<div class="col-md-6">

					<div class="contact-page-form">
						<h1 class="ht-section-title text-center"><?php echo $shortcodeLbl;?></h1> 
						<p><?php echo do_shortcode($shortcode);?></p>
						<div class="clearfix"></div>
					</div>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>

		<div class="contact-mapbox">
			<!-- <iframe width="100%" height="350" frameborder="0" style="border:0" src="" allowfullscreen></iframe> -->
			<?php echo $iframe; ?>
		</div>

	</div>	
</div>
</main>
<?php get_footer(); ?>