<?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; position: relative;"<?php endif ?> >
    <div class="overlay1"></div> 
    <div class="container-fluid cf-ps">   
    	<div class="h_titlebx">
    		<?php the_title( '<h1 class="ht-main-title ">', '</h1>' ); ?>
    		<?php
                if (has_excerpt()) {
                    echo get_the_excerpt();
                } else {
                    echo get_the_content();
                }
            ?>
	        <?php if( get_theme_mod('breadcrumb_button_display','show' ) == 'show') : ?>
	        <div class="bdcrmbox ">
	            <div class="breadcrumbbox ">
	                <div class='button'>
	                  <?php luzuk_lite_the_breadcrumb(); ?> </div>
	                <div class="clearfix"></div>
	            </div>
	        </div>
	        <?php endif ?>     
	    </div>
        <div class="clearfix"></div>
    </div>
</header>
<main id="innerpage-box" >
	<?php
        // width 
        $c_width = get_theme_mod('innpg_c_width', 'container-fluid');

        if ($c_width === 'container') {
            $c_alignment = 'container';
        } elseif ($c_width === 'container-fluid') {
            $c_alignment = 'container-fluid';
        } else {
            $text_alignment = 'container'; 
        }
            
    ?>
	<?php 

		$conpg_subtitle = get_theme_mod('conpg_subtitle', 'Contact Us');
		$conpg_title = get_theme_mod('conpg_title', 'Let’s talk');
		$conpg_txt = get_theme_mod('conpg_txt', 'Say something to start a live chat!');

		$address = get_theme_mod('contactpg_address', 'Add Address here..');
		$phone = get_theme_mod('contactpg_phone', '+000 000-000-000');
		$email = get_theme_mod('contactpg_email', 'demo@gmail.com');

		$facebook = get_theme_mod('conpg_fb', 'https://facebook.com');
		$instagram = get_theme_mod('conpg_insta', 'https://www.instagram.com/');
		$twitter = get_theme_mod('conpg_tw', 'https://twitter.com');
		$linkedin = get_theme_mod('conpg_lkdin', 'https://in.linkedin.com/');
		
		$iframe = get_theme_mod('luzuk_contactus_embade', 'Add your Embed code in customizer');

		$map_title = get_theme_mod('map_title', 'LOCATION');
			
	?>	
	<div class="contact-address-area ">
		<div class="<?php echo esc_attr($c_width); ?> cf-ps"> 								
			<div id="ht-contactus-wrap">
				<div class="row mr-0">																	    
					<div class="detalbx ">
						<?php if( get_theme_mod('conpg_cirdisplay','show' ) == 'show') :?>
						<div class="tp-cir"></div>
						<?php endif ?>
						<div class="titlebx ">
							<?php if( $conpg_subtitle ){ ?>
							<h3><?php echo ($conpg_subtitle); ?></h3>
							<?php }?>
							<h2><?php echo ($conpg_title); ?></h2>	
							<p><?php echo ($conpg_txt); ?></p>
						</div>
					   	<?php if( $phone ){ ?>
					   	<div class=" cntpgtxt">	
					   		<div class="icnbx">
						   		 <a class="" href="tel:<?php echo $phone;?>"> <p><i class="fa fa-phone"></i> <?php echo $phone;?></p></a>
						   	</div>		
				   		</div>
					   	<?php } ?>

					   	<?php if( $email ){ ?>
				   		<div class=" cntpgtxt">		
				   			<div class="icnbx">
					   			<a href="mailto:<?php echo $email;?>"><p> <i class="fa fa-envelope"></i> <?php echo $email;?> </p> </a>
					   		</div>
				   		</div>
					   	<?php } ?>

					   	<?php if( $address ){ ?>
				   		<div class="cntpgtxt">	
				   			<div class="icnbx">		
				   				<p> <i class="fa fa-map-marker" ></i> <?php echo $address;?></p>	  
				   			</div>			   		 			
				   		</div>
					    <?php } ?>		   							
						<div class="clearfix"></div>	
						<div class="social-media ">			
						<?php if($facebook || $instagram || $twitter || $linkedin){ ?>
							<div class="soci-icn">	
								<?php if(!empty($facebook)){ ?>
									<li><a href="<?php echo $facebook ?>" title="Facebook" target="_blank"><i class="fa fa-facebook"></i></a></li>
								<?php }?>		

								<?php if(!empty($instagram)){ ?>
									<li><a href="<?php echo $instagram ?>" title="Instagram" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
								<?php }?>

								<?php if(!empty($twitter)){ ?>
									<li><a href="<?php echo $twitter ?>" title="Twitter" target="_blank">
									<i class="fa-brands fa-x-twitter"></i></a></li>
								<?php }?>

								<?php if(!empty($linkedin)){ ?>
									<li><a href="<?php echo $linkedin ?>" title="linkedin" target="_blank"><i class="fa fa-linkedin"></i> </a></li>
								<?php }?>
					
							</div>
						<?php }?>							
							<div class="clearfix"></div>
						</div>
						<?php if( get_theme_mod('conpg_cirdisplay','show' ) == 'show') :?>
						<div class="bm-cir"></div>
						<?php endif ?>
						
					</div>
					<div class="conpgfmbx">	
						<?php
							$conpgtb_txt1 = get_theme_mod('conpgtb_txt1', 'Add form shortcode');	
						?>
					  	<div class="fmbxinn ">
					        <?php echo do_shortcode($conpgtb_txt1);?>
						</div>          				
						<div class="clearfix"></div>	
					</div>	
				</div>
				<div class="contact-mapbox ">
					<div class="maptitle">
						<h3><?php echo ($map_title); ?></h3>
					</div>
					<?php echo $iframe; ?>
				</div>
			</div>
		</div>
	</div>
	<div class="clearfix"></div>
</main>
<?php get_template_part('template-parts/section','appointment'); ?>
<?php get_footer(); ?>

