<?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>' ); ?>
		<?php do_action( 'total_breadcrumbs' ); ?>
		<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 ?>
<?php 
            if( get_theme_mod('innerpagesbox_toppadding',true) ) {
                $innerpagesbox_toppadding = 'padding-top:'.esc_attr(get_theme_mod('innerpagesbox_toppadding')).';';
            }
            if( get_theme_mod('innerpagesbox_bottompadding',true) ) {
                $innerpagesbox_bottompadding = 'padding-bottom:'.esc_attr(get_theme_mod('innerpagesbox_bottompadding')).';';
            }
            if( get_theme_mod('innerpagesbox_leftpadding',true) ) {
                $innerpagesbox_leftpadding = 'padding-left:'.esc_attr(get_theme_mod('innerpagesbox_leftpadding')).';';
            }
            if( get_theme_mod('innerpagesbox_rightpadding',true) ) {
                $innerpagesbox_rightpadding = 'padding-right:'.esc_attr(get_theme_mod('innerpagesbox_rightpadding')).';';
            }
    ?>
<main id="innerpage-box" style="<?php echo esc_attr($innerpagesbox_toppadding); ?>" "<?php echo esc_attr($innerpagesbox_bottompadding); ?>" "<?php echo esc_attr($innerpagesbox_leftpadding); ?>" "<?php echo esc_attr($innerpagesbox_rightpadding); ?>">


	<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 
		$contactus_addrress = get_theme_mod('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('contactus_addressdata', 'Add Contact Address here..');
		$address1 = get_theme_mod('contactus_addressdata1', '');
		$address2 = get_theme_mod('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/');
		//$youtube = get_theme_mod('lz_fitness_contactus_youtube','//https://www.youtube.com/');
		?>
		<div id="ht-contactus-wrap">
			<div class="row">
				<div class="col-md-6">
					<div class="contact-page-address">
							<?php if( $address || $address1 || $address2){ ?>
						<div class="row address-box">

							<div class="col-md-5"> 
								<?php if($contactus_addrress){ ?>
									<div class="padding0 ht-section-tagline lz-appointment-addresss"><div class="fa fa-map-marker"></div> <?php echo ($contactus_addrress);  ?> :</div>
								<?php } ?>
							</div>
							<div class="col-md-7 contact-info"> 
								<?php if($address){ ?> 
									<?php echo nl2br($address); ?><br>
									<?php } ?>
									

									<?php if($address1){ ?> 
								<?php echo nl2br($address1); ?><br>
								<?php } ?>


									<?php if($address2){ ?> 
								<?php echo nl2br($address2); ?>
									<?php } ?>
								</div>


							<div class="clearfix"></div>	
						</div>
						<?php } ?>
						<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><?php if($lz_fitness_contactus_socialtitle){ ?>
								<?php echo ($lz_fitness_contactus_socialtitle);  ?> :</h3>
							<?php } ?>
							<ul class="contact-sm-links">
								<?php if(!empty($facebook)){ ?>
									<li><a target="_blank" href="<?php echo $facebook ?>" title="Facebook" class="fb"><span class="fa fa-facebook"></span></a></li>
								<?php }?>
								<?php if(!empty($twitter)){ ?>
									<li><a target="_blank" href="<?php echo $twitter ?>" title="Twitter"><span class="fa fa-twitter"></span></a></li>
								<?php }?>
								<?php if(!empty($instagram)){ ?>
									<li><a target="_blank" href="<?php echo $instagram ?>" title="Instagram"><span class="fa fa-instagram"></span></a></li>
								<?php }?>
								<?php if(!empty($linkedIn)){ ?>
									<li><a target="_blank" 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">
						<h3 class="ht-section-title text-center"><?php echo $shortcodeLbl;?></h3> 
						<p><?php echo do_shortcode($shortcode);?></p>
						<div class="clearfix"></div>
							<?php if( get_theme_mod('cds_contactpage_curvedisplay','show' ) == 'show') :
								?>
									<svg class="procat-separator-svg procat-separator-svg__waves_svg_separator" xmlns="http://www.w3.org/2000/svg" version="1.0" width="1200" fill="#f1f2f4" height="30" viewBox="0 0 1200 30" preserveAspectRatio="none"><path d="M0,0S1.209,1.508,200.671,7.031C375.088,15.751,454.658,30,600,30V0H0ZM1200,0s-90.21,1.511-200.671,7.034C824.911,15.751,745.342,30,600,30V0h600Z"></path></svg>
						   <?php endif ?>
					</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(); ?>