<?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">
    <div class="overlay"></div>
    <div class="inn-header-img" <?php  if (!empty($image)) : ?>
             style="background: url('<?php echo esc_url($image); ?>'); background-repeat: no-repeat; background-size:cover; position: absolute; background-position: center;   background-attachment: fixed;" <?php endif ?>></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 ?>  
<div class="clearfix"></div>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1500" height="189.947" viewBox="0 0 1500 189.947">
  <defs>
    <linearGradient id="linear-gradient" x1="0.993" y1="0.621" x2="0.007" y2="0.631" gradientUnits="objectBoundingBox">
      <stop offset="0" stop-color="#ffa200"/>
      <stop offset="1" stop-color="#ff6f00"/>
    </linearGradient>
  </defs>
  <path id="Rectangle_1" data-name="Rectangle 1" d="M88,942.061H1186.795c51.628,0,145.778-144.536,234.521-135.975h166.568l-.625,171.277H88Z" transform="translate(-87.884 -800.72)" fill-rule="evenodd" fill="url(#linear-gradient)"/>
  <path id="Rectangle_1-2" data-name="Rectangle 1" d="M90,945.835H1210.6c51.8,0,140.946-139.307,229.987-130.746H1590V979.829H90.116Z" transform="translate(-90 -789.882)" fill="#222a35" fill-rule="evenodd"/>
</svg>
</header><!-- .entry-header --> 

<main id="innerpage-box-contact" >
	<div class="container">
		<div class="inf-form">
				<?php
			$contactus_page_title = get_theme_mod('contactus_page_title', 'Inquiry with us');
			$contactus_page_text = get_theme_mod('contactus_page_text', 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At');			
			?>
			<div class="col-md-8">
				<?php if($contactus_page_title || $contactus_page_text){ ?>	
					<div class="section-title">
						<?php if($contactus_page_title){ ?>	
						<h1 class="section-subtitle">
							<?php echo ($contactus_page_title);  ?>	
						</h1>
						<?php }?>
						<p><?php echo ($contactus_page_text);  ?></p>	
					</div>
				<?php }?>
		   </div>
				<div class="col-md-12 contact-r wow zoomIn">
					<div class="inside-full-height">	
						<?php
						$iframe = get_theme_mod('inner_form_contactus_embade', 'Add Google Map iframe Embed Code');
							$luzuk_contactus_shortcode = get_theme_mod('luzuk_contactus_shortcode', '[Add Form shortcode]');
						?>				
						<div class="ht-inquiry-member-wrap">							
							<?php echo do_shortcode($luzuk_contactus_shortcode);?>
						</div>
			     	</div>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
			<div class="innrinf-box">
				<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1503" height="154.28" viewBox="0 0 1503 154.28">
				  <defs>
				    <linearGradient id="linear-gradient" x1="0.007" y1="0.621" x2="0.993" y2="0.631" gradientUnits="objectBoundingBox">
				      <stop offset="0" stop-color="#ffa200"/>
				      <stop offset="1" stop-color="#ff6f00"/>
				    </linearGradient>
				  </defs>
				  <path id="Rectangle_1" data-name="Rectangle 1" d="M1393,910H1149.191c-38.048,0-107.433-110.548-172.834-104H-110l.46,154H1393Z" transform="translate(110 -805.72)" fill-rule="evenodd" fill="url(#linear-gradient)"/>
				</svg>
			<div class="container">
				<div class="col-lg-10 col-md-12 col-sm-12 col-xs-12 innrcontactdetails wow zoomIn">
			<?php
				$luzuk_contactus_email_lable = get_theme_mod('luzuk_contactus_email_lable', 'E-mail');
				$luzuk_contactus_email = get_theme_mod('luzuk_contactus_email', 'infofake@mail.com');

				$luzuk_contactus_location_lable = get_theme_mod('luzuk_contactus_location_lable', 'Address');
				$luzuk_contactus_location = get_theme_mod('luzuk_contactus_location', '2349 stonecoal road new york');
				$luzuk_contactus_phone_lable = get_theme_mod('luzuk_contactus_phone_lable', 'Phone');
				$luzuk_contactus_phone = get_theme_mod('luzuk_contactus_phone', '(111)-222-333');
			?>
				<?php if($luzuk_contactus_email){ ?> 
					<div class="col-xl-4 col-md-4 col-sm-4 col-xs-12 contact-email">
						 	<div class="col-md-3">
								<i class="fa fa-envelope"></i>
							</div>
							<div class="col-md-9">
								<h2><?php echo ($luzuk_contactus_email_lable);?></h2>
								<a href="mailto:<?php echo $luzuk_contactus_email;?>"><p><?php echo ($luzuk_contactus_email);?></p></a>
						 	</div>
						<div class="clearfix"></div>
					</div>
				<?php } ?>
				<?php if($luzuk_contactus_location || $luzuk_contactus_location_lable){ ?> 
					<div class="col-xl-5 col-md-5 col-sm-4 col-xs-12 contact-address">
						<div class="col-md-2">
							<i class="fa fa-map-marker"></i>
						</div>
							<div class="col-md-10">
								<h2><?php echo ($luzuk_contactus_location_lable);?></h2>
							 	<p><?php echo ($luzuk_contactus_location);?></p>
							</div>
						<div class="clearfix"></div>
					</div>
				<?php } ?>
				<?php if($luzuk_contactus_phone){ ?> 
					<div class="col-xl-3 col-md-3 col-sm-4 col-xs-12 contact-phone">
						 	 <div class="col-md-3">
								<i class="fa fa-phone"></i>
							</div>
						<div class="col-md-8">
								<h2><?php echo ($luzuk_contactus_phone_lable);?></h2>
								<a href="tel:<?php echo $luzuk_contactus_phone;?>"><p><?php echo ($luzuk_contactus_phone);?></p></a>
						 </div>
						<div class="clearfix"></div>
					</div>
				<?php } ?>
						
					<div class="clearfix"></div>
				</div>
			</div>
				<div class="clearfix"></div>
			</div>
	
	<!-- <div class="container"> -->
		<?php
        $iframe = get_theme_mod('inner_form_contactus_embade', 'Add Google Map iframe Embed Code');
      ?>
		<div class="contact-mapbox wow zoomIn">
			<?php echo $iframe; ?>
		</div>
	<!-- </div> -->
	<div class="clearfix"></div>


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