<?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 ' <div class="page_featured wow bounceInLeft"  style="background: url('.$image.'); background-repeat: no-repeat; background-size:cover; background-attachment: fixed; "</div>';
            }
        ?>

        <!-- <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">
        <div class="col-md-7">
        <?php the_title( '<h1 class="ht-main-title wow zoomIn">', '</h1>' ); ?>
       <!--  <div class="clearfix"></div> -->
       </div>
       <div class="col-md-5">
             <?php if( get_theme_mod('breadcrumb_button_display','show' ) == 'show') :
        ?>
        <div class="breadcrumbbox wow zoomIn">
                <div class='button'><?php luzuk_lite_the_breadcrumb(); ?></div>
                <!--  <?php //luzuk_lite_the_breadcrumb(); ?> -->
        </div>

    <?php endif ?>    
       </div>
    </div>
</header><!-- .entry-header --> 



<main id="innerpage-box">
	<div class="container">
		<div class="inner_contentbox">
		
	<div class="ht-contactus-wrap innerpage-whitebox">
		<?php 
	
		$address = get_theme_mod('luzuk_contactus_address', 'Add Contact Address here..');
		$addressdata1 = get_theme_mod('luzuk_contactus_addressdata1', '');
		$addressdata2 = get_theme_mod('luzuk_contactus_addressdata2', '');

		$email = get_theme_mod('luzuk_contactus_email', 'contact@example.com');
		$phone = get_theme_mod('luzuk_contactus_phone', '+1 999 999 9999');
		$shortcode = get_theme_mod('luzuk_contactus_shortcode', 'Add your shortcode through customizer');
		
		$iframe = get_theme_mod('luzuk_contactus_embade', 'Add your Embed code in customizer');

		$luzuk_contactus_socialtitle = get_theme_mod('luzuk_contactus_socialtitle', 'Social');
		$luzuk_contactus_socialtext = get_theme_mod('luzuk_contactus_socialtext', 'Follow us and stay updated with all the news and offers ');

		$facebook = get_theme_mod('luzuk_contactus_facebook', '//facebook.com/');
		$twitter = get_theme_mod('luzuk_contactus_twitter', '//twitter.com/');
		$instagram = get_theme_mod('luzuk_contactus_instagram', 'https://www.instagram.com/');
		$linkedIn = get_theme_mod('luzuk_contactus_linkedin', '//linkedin.com/');

		$luzuk_contactus_maptitle = get_theme_mod('luzuk_contactus_maptitle', 'LOOKING FOR SUPPORT? WE WILL LOVE TO HELP YOU OUT WITH YOUR QUERIES.');

		$luzuk_contactus_addtitle = get_theme_mod('luzuk_contactus_addtitle', 'Contact');
			$luzuk_contactus_addtext = get_theme_mod('luzuk_contactus_addtext', 'Lorem ipsum dolor sit amet consectetur adipiscing elit');

			$luzuk_contactus_formtitle = get_theme_mod('luzuk_contactus_formtitle', 'Form');
			$luzuk_contactus_formtext = get_theme_mod('luzuk_contactus_formtext', 'Lorem ipsum dolor sit amet consectetur adipiscing elit');
		
		$luzuk_contactus_mailatitle = get_theme_mod('luzuk_contactus_mailatitle', 'India');

		?>
		<div id="ht-contactus-wrap">
			<div class="row">

				<div class="col-md-4 col-sm-4 col-xs-12">
					<?php if($luzuk_contactus_addtitle || $luzuk_contactus_addtext){ ?>
						<div class="Address_area pd-r mg-3 wow bounceInLeft">
						<h4><?php if($luzuk_contactus_addtitle){ ?>
							<?php echo ($luzuk_contactus_addtitle);  ?>
						</h4>
						<?php } ?>
						<?php if($luzuk_contactus_addtext){ ?>
							<div class="Contact_area_text">
								<?php echo ($luzuk_contactus_addtext);  ?>
							</div>
						<?php } ?>
						<i class="fa fa-long-arrow-right" aria-hidden="true"></i>
						<i class="fa fa-long-arrow-down" aria-hidden="true"></i>
						<div class="clearfix"></div>
						</div>
					<?php } ?>
				</div>
				<div class="col-md-8 col-sm-8 col-xs-12 ">
					<?php if($email || $phone){ ?>

					<div class="address-box mg-3 wow bounceInRight">
						<div class="contact_area">
							<?php if($email){ ?>
								<div class="contact_l_area col-md-2 col-sm-2  wow bounceInRight">
									<i class="fa fa-envelope tada midix infinite" aria-hidden="true"></i>
								</div>
							<?php } ?>
							<div class="contact-info col-md-10 col-sm-10 wow bounceInRight"> <a href="mailto:<?php echo $email;?>"><?php echo $email;?></a> </div>
								<div class="clearfix"></div>
						</div>

							<div class="clearfix"></div>
						
					
						<div class="contact_area wow bounceInRight">
							<?php if($phone){ ?>
								<div class="contact_l_area col-md-2 col-sm-2">
									<i class="fa fa-phone tada midix infinite" aria-hidden="true"></i>
								</div>
							<?php } ?>
						
							<div class="contact-info col-md-10 col-sm-10">  <?php echo $phone;?> </div>

							<div class="clearfix"></div>	
						</div>


					</div>
						<?php } ?>

				</div>


				<div class="clearfix"></div>

				<div class="col-md-8 col-sm-8 col-xs-12 ">
					<div class="contact-mapbox mg-3 wow bounceInLeft">
					<?php echo $iframe; ?>
						
					</div>
				</div>
				<div class="col-md-4 col-sm-4">
					<?php if($luzuk_contactus_mailatitle || $address || $addressdata1 || $addressdata2  ){ ?>
					<div class="Address_area mg-3 pd-l wow bounceInRight">
						<h4><?php if($luzuk_contactus_mailatitle){ ?>
						<?php echo ($luzuk_contactus_mailatitle);  ?>
					</h4>
					<?php } ?>
					<div class="Contact_area_text wow bounceInRight">
						<?php echo nl2br($address); ?>
						<?php echo nl2br($addressdata1); ?>
						<?php echo nl2br($addressdata2); ?>
					</div>
					<i class="fa fa-long-arrow-left" aria-hidden="true"></i>
					<i class="fa fa-long-arrow-up" aria-hidden="true"></i>
					<div class="clearfix"></div>
					</div>
					<?php } ?>


				</div>
				<div class="clearfix"></div>

					<div class="col-md-4 col-sm-4 col-xs-12">
						<?php if($luzuk_contactus_formtitle || $luzuk_contactus_formtext ){ ?>
						<div class="Address_area mg-3 pd-r wow bounceInLeft">
							
							<h4><?php if($luzuk_contactus_formtitle){ ?>
								<?php echo ($luzuk_contactus_formtitle);  ?>
							</h4>
							<?php } ?>
							<?php if($luzuk_contactus_formtext){ ?>
								<div class="Contact_area_text">
								<?php echo ($luzuk_contactus_formtext);  ?>
							</div>
							<?php } ?>
							<i class="fa fa-long-arrow-right" aria-hidden="true"></i>
							<i class="fa fa-long-arrow-down" aria-hidden="true"></i>
								<div class="clearfix"></div>
						</div>
						<?php } ?>
				
					</div>

					<?php if($shortcode){ ?>
					<div class="col-md-8 col-sm-8 col-xs-12 address-box mg-3 wow bounceInRight">
						<div class="contact-page-form">
						
						<p class="wow fadeInDown"><?php echo do_shortcode($shortcode);?></p>
						<div class="clearfix"></div>
						</div>

					</div>
					<?php } ?>

					<div class="clearfix"></div>
			

					<?php if($luzuk_contactus_socialtitle || $luzuk_contactus_socialtext || $facebook || $twitter || $instagram || $linkedIn){ ?>
						<div class="social_area mg-3 col-md-12 col-sm-12 col-xs-12 wow pulse">
							  <?php if( get_theme_mod('social_bounceicon_display','show' ) == 'show') :
       						 ?>
							<i href="#" class="fa fa-angle-double-up bounce"></i>
							  <?php endif ?>  
							<script>
								$(window).scroll(function() {
									var height = $(window).scrollTop();
									if (height > 100) {
										$('.social_area i').fadeIn();
									} else {
										$('.social_area i').fadeOut();
									}
								});
								$(document).ready(function() {
									$(".social_area i").click(function(event) {
										event.preventDefault();
										$("html, body").animate({ scrollTop: 0 }, "slow");
										return false;
									});

								});
							</script>
							<div class="wow bounceInLeft">
				
								<h4 class="wow fadeInLeft"><?php if($luzuk_contactus_socialtitle){ ?>
									<?php echo ($luzuk_contactus_socialtitle);  ?>
								</h4>
								<?php } ?>
								<?php if($luzuk_contactus_socialtext){ ?>
									<div class="Contact_area_text wow fadeInRight">
									<?php echo ($luzuk_contactus_socialtext);  ?>
								</div>
								<?php } ?>
							</div>
							<div class="clearfix"></div>
						<ul class="contact-sm-links wow zoomIn wow fadeInDown">
							<?php if(!empty($facebook)){ ?>
								<li class="wow fadeInDown" data-wow-duration="1s"><a href="<?php echo $facebook ?>" title="Facebook" target="_blank"><span class="fa fa-facebook"></span></a></li>
							<?php }?>
							<?php if(!empty($twitter)){ ?>
								<li class="wow fadeInDown" data-wow-duration="2s"><a href="<?php echo $twitter ?>" title="Twitter" target="_blank"><span class="fa fa-twitter"></span></a></li>
							<?php }?>
							<?php if(!empty($instagram)){ ?>
								<li class="wow fadeInDown" data-wow-duration="3s"><a href="<?php echo $instagram ?>" title="Instagram"target="_blank"><span class="fa fa-instagram"></span></a></li>
							<?php }?>
							<?php if(!empty($linkedIn)){ ?>
								<li class="wow fadeInDown" data-wow-duration="4s"><a href="<?php echo $linkedIn ?>" title="Linked In" target="_blank"><span class="fa fa-linkedin"></span></a></li>
							<?php }?>
						</ul>
					
					</div>


						<?php } ?>
			


			</div>
		</div>

		

	</div>	
	<div class="clearfix"></div>
    </div>

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