<?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;"
              <?php endif ?>

                >
	<div class="overlay1"></div>
    <div class="container">
        <?php the_title( '<h1 class="ht-main-title wow zoomIn">', '</h1>' ); ?>
        <div class="clearfix"></div>
    </div>
    <?php if( get_theme_mod('breadcrumb_button_display','show' ) == 'show') :
        ?>
        <div class="breadcrumbbox wow zoomIn">
            <div class="container">
                <div class='button'><?php luzuk_lite_the_breadcrumb(); ?></div>
                <!--  <?php //luzuk_lite_the_breadcrumb(); ?> -->
            </div>
        </div>
    <?php endif ?>    
</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', '');
		$website = get_theme_mod('luzuk_contactus_website', 'www.luzuk.com');
		$email = get_theme_mod('luzuk_contactus_email', 'info@example.com');
		$phone = get_theme_mod('luzuk_contactus_phone', '+123 456 7890');
		$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');

		$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_formtitle = get_theme_mod('luzuk_contactus_formtitle', 'Say hello to us');
		$luzuk_contactus_formtitle2 = get_theme_mod('luzuk_contactus_formtitle2', 'Contact us');
		$luzuk_contactus_formtitle3 = get_theme_mod('luzuk_contactus_formtitle3', 'We are social');
	?>
	
			<div id="ht-contactus-wrap">
<div class="contact-mapbox wow zoomIn" data-wow-duration="3s">
								<?php echo $iframe; ?>	
							</div>
							 								<div class="clearfix"></div>

				<div class="container">
				<div class="row">

					<div class="col-md-12 col-sm-12 col-xs-12 wow zoomIn">
						<?php if($phone || $website || $email || $address || $addressdata1 || $addressdata2 || $facebook || $twitter || $instagram || $linkedIn){ ?>
						<?php } ?>
						</div>
				
					<div class="contact-page-titleform col-md-12 col-sm-12">
						<div class="col-md-6 col-sm-12">
							<?php if($luzuk_contactus_formtitle || $shortcode ){ ?>
								<div class="Address_area wow zoomIn">
									
									<h4 class="contact-title"><?php if($luzuk_contactus_formtitle){ ?>
										<?php echo ($luzuk_contactus_formtitle);  ?>
									</h4>
									<?php } ?>
									<div class="clearfix"></div>
									<div class="contact-page-form wow zoomIn" data-wow-duration="3s">
										<p><?php echo do_shortcode($shortcode);?></p>
										<div class="clearfix"></div>
									</div>
								</div>
							<?php } ?>
						</div>
						<div class="col-md-6 col-sm-6 list-addcontactinfo">
							<div class="Address_area wow zoomIn">
								<h4 class="contact-title">
									<?php echo ($luzuk_contactus_formtitle2);  ?>
								</h4>
								<ul>
									<li>
										<span class="icon-container">
											<i class="fa fa-map-marker " aria-hidden="true"></i>
										</span>
											<?php if($address){ ?>
												<!-- <div class="contact-label">
													<?php echo ($luzuk_contactus_addtitle);  ?>
												</div> -->
											<?php } ?>
										 	<?php echo nl2br($address); ?>
											<?php echo nl2br($addressdata1); ?>
											<?php echo nl2br($addressdata2); ?> 
									</li>
									<li>
										<span class="icon-container">
											<i class="fa fa-phone" aria-hidden="true"></i>
										</span>
											<?php if($phone){ ?>
											<!-- <div class="contact-label">
												<?php echo ($phone);  ?>
											</div> -->
											<?php } ?> 
											<a href="tel:<?php echo $phone;?>"><?php echo $phone;?></a>
									</li>	
									<li>
										<span class="icon-container">
											<i class="fa fa-envelope" aria-hidden="true"></i>
										</span>
											<?php if($email){ ?>
											<!-- <div class="contact-label">
												<?php echo ($luzuk_contactus_mailatitle);  ?>
											</div> -->
											<?php } ?>
											<a href="mailto:<?php echo $email;?>"><?php echo $email;?></a> 
									</li>
									<li>
										<span class="icon-container">
											<i class="fa fa-globe" aria-hidden="true"></i>
										</span>
											<?php if($website){ ?>
											<!-- <div class="contact-label">
												<?php echo ($luzuk_contactus_mailatitle);  ?>
											</div> -->
											<?php } ?>
											<a href="http://<?php echo $website;?>"><?php echo $website;?></a> 
									</li>
								</ul>
							<h4 class="contact-title">
									<?php echo ($luzuk_contactus_formtitle3);  ?>
								</h4>
							<?php if( $facebook || $twitter || $instagram || $linkedIn){ ?>
									<div class="social_area wow pulse">
										<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>
			</div>	
			<div class="clearfix"></div>
	    </div>
</main>
<?php get_footer(); ?>