<?php
/**
 * Template Name: Contact Page
 *
 * @package peccular Premium
 */
get_header(); 
?>
  <?php $image = wp_get_attachment_url( get_post_thumbnail_id($post->ID));?>
<div class="peccular-page-main"> 
   <header class="page-main-header" 
  <?php
    if(get_theme_mod('innerpage_featured_img_on_off') != 'on' ){
  ?>

 <?php  if (!empty($image)) : ?>
  style="background: url('<?php echo esc_url($image); ?>'); background-repeat: no-repeat; background-size:cover;background-position: center;  height: <?php echo esc_attr(get_theme_mod('peccular_innerpage_image_height','416')) ?>px;
  "
  <?php endif ?> 

 <?php } ?>

  >
   <?php  
         echo '<img alt="about us" src="'.get_template_directory_uri().'/images/triangledot.png" class="triangle" />';
  ?> 
  <?php  
      echo '<img alt="about us" src="'.get_template_directory_uri().'/images/circledot.png" class="circledot" />';
  ?>
<?php
    if(get_theme_mod('page_title_on_off') != 'on' ){
  ?>
    <div class="<?php if(get_theme_mod('peccular_inner_page_width','Box Width') == 'Box Width'){ ?>container <?php } elseif(get_theme_mod('peccular_inner_page_width','Box Width') == 'Full Width'){ ?> container-fluid <?php }?> <?php echo esc_attr(get_theme_mod('peccular_innerpage_header_box_onload_effects','wow zoomIn')); ?>" data-wow-duration="1s">
        <?php the_title( '<h1 class="ht-main-title">', '</h1>' ); ?>
        <div class="clearfix"></div>
    </div>
 <?php } ?> 
 <?php
    if(get_theme_mod('breadcrumb_on_off') != 'on' ){
  ?>
        
            <div class="<?php if(get_theme_mod('peccular_inner_page_width','Box Width') == 'Box Width'){ ?>container <?php } elseif(get_theme_mod('peccular_inner_page_width','Box Width') == 'Full Width'){ ?> container-fluid <?php }?>">
                <div class="breadcrumbbox <?php echo esc_attr(get_theme_mod('peccular_innerpage_header_box_onload_effects','wow zoomIn')); ?>" data-wow-duration="1s">
                <div class='button'><?php peccular_lite_the_breadcrumb(); ?></div>
                <!--  <?php //peccular_lite_the_breadcrumb(); ?> -->
            </div>
        </div>
 <?php } ?>   
  <?php  
      echo '<img alt="about us" src="'.get_template_directory_uri().'/images/snakeline.png" class="snake" />';
   ?>
  <?php  
         echo '<img alt="about us" src="'.get_template_directory_uri().'/images/circle.png" class="circle" />';
      ?>
      <?php  
         echo '<img alt="about us" src="'.get_template_directory_uri().'/images/triangle.png" class="tri" />';
       ?>
        <?php  
           echo '<img alt="about us" src="'.get_template_directory_uri().'/images/snakeline.png" class="snake2" />';
          ?>

</header><!-- .entry-header --> 
<div class="peccular-innerpage-overlay"></div>
</div>
<main id="innerpage-box p-0">
		<div class="inner_contentbox p-0">
		<?php 
		$peccular_innercontitle = get_theme_mod('peccular_innercon_section_title', 'Let Us Help <br>The <span>Sun Help You.</span>');	
			$peccular_innercon_text = get_theme_mod('peccular_innercon_text', 'There are many variations of passages of Lorem Ipsum available, but the majority suffered alteration in some form, by injected humour, or randomised words.');		

		$peccular_contactpage_address1 = get_theme_mod('peccular_contactpage_address1', '504 White St . Dawsonville, GA 30534 , New York');	
		
		$peccular_contact_page_phone = get_theme_mod('peccular_contact_page_phone', '+8888 22 723');		
		
		$peccular_contact_page_email = get_theme_mod('peccular_contact_page_email', 'contact@example.com');	
		
		$peccular_contact_page_form_shortcode = get_theme_mod('peccular_contactpage_form_shortcode', 'Add Form [SHORTCODE] Here');		
	    

	    $peccular_cont_addhead = get_theme_mod('peccular_cont_addhead', 'OFFICIAL ADDRESS');
	    $peccular_cont_emailhead = get_theme_mod('peccular_cont_emailhead', 'E-mail');
	    $peccular_cont_phonehead = get_theme_mod('peccular_cont_phonehead', 'CALL US');

	    $peccular_contform_maintitle = get_theme_mod('peccular_contform_maintitle', '<span>Contact</span> Us');

	    

	    $peccular_contact_page_iframe_shortcode = get_theme_mod('peccular_contact_page_iframe_shortcode', 'Add Map Embed Code Here');
	    
     	?>
     <div id="peccular-contactus-wrap">  
     	<div class="<?php if(get_theme_mod('peccular_about_section_width','Full Width') == 'Full Width'){ ?>container-fluid <?php } elseif(get_theme_mod('peccular_about_section_width','Full Width') == 'Box Width'){ ?> container <?php }?>">      	 
	<div class="div-bg">
		<?php 
			$peccular_contactform_image = get_theme_mod('peccular_contactform_image');
			if(!empty($peccular_contactform_image)){
			echo '<img alt="'. esc_html(get_the_title()) .'" src="'.esc_url($peccular_contactform_image).'"  />';
				}else{
			echo '<img alt="our story" src="'.get_template_directory_uri().'/images/innercont.png"  />';
				}
		?>	
		<div class="contacthead col-xl-6 col-lg-6 col-md-12 col-sm-12 col-xs-12 offset-lg-3">
			<?php if($peccular_innercontitle || $peccular_innercon_text ){ ?>
		        <h2><?php echo ($peccular_innercontitle);  ?></h2> 
		        <p><?php echo ($peccular_innercon_text);  ?></p>  	 		                        
	 		<?php }?>
	 	</div>		
	</div>
<div class="clearfix"></div>

<div class="container middlebox">
	<?php if(!empty($peccular_contact_page_form_shortcode)){ ?>
		<div class="row">
	<div class="col-xl-9 col-lg-9 col-md-12 col-sm-12 col-xs-12 offset-md-2 contact contact-formbox px-3">
		<div class="row">
		
			<div class="col-xl-8 col-lg-7 col-md-12 col-sm-12 col-xs-12 peccular-contact-page-form  <?php echo esc_attr(get_theme_mod('peccular_contactpage_box_onload_effects','wow zoomIn')); ?>" data-wow-duration="2s">	

				<?php if($peccular_contform_maintitle){ ?> 	           
		              <h2><?php echo ($peccular_contform_maintitle);  ?></h2>   
		        <?php }?>							
				<?php echo do_shortcode($peccular_contact_page_form_shortcode);?>
			</div>	
		
		<div class="col-xl-4 col-lg-5 col-md-12 col-sm-12 col-xs-12 contact-formimg p-4">
				<?php 
			$peccular_contactform_image2 = get_theme_mod('peccular_contactform_image2');
			if(!empty($peccular_contactform_image2)){
			echo '<img alt="'. esc_html(get_the_title()) .'" src="'.esc_url($peccular_contactform_image2).'"  />';
				}else{
			echo '<img alt="our story" src="'.get_template_directory_uri().'/images/contformimg.png"  />';
				}
		?>	
		</div>	
		</div>
	</div>

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

	</div>

<?php }?>

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

<!-- <div class="row"> -->
	<!-- <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> -->
		<div class="row peccular-contact-form-block">
			<!-- <div class="overlaycont"></div> -->

		

	         <div class="col-lg-4 col-md-12 col-sm-12 col-xs-12  contactadd">
				<div class="row">
					<?php if(!empty($peccular_contactpage_address1)){ ?>

					<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 ">
					<i class="fa fa-map-marker" aria-hidden="true"></i>
					</div>
					<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 ">	
					<h2><?php echo ($peccular_cont_addhead);  ?></h2>				
					<p><?php echo ($peccular_contactpage_address1);  ?>	</p>				
					</div>
					<?php }?>
				</div>
			</div>	

	        <div class="col-lg-4 col-md-12 col-sm-12 col-xs-12  contactemail">
				<div class="row">
					<?php if(!empty($peccular_contact_page_email)){ ?>
					<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 ">
					<i class="fa fa-envelope" aria-hidden="true"></i>
					</div>
					<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12  contalign">
					<h2><?php echo ($peccular_cont_emailhead);  ?></h2>							
					<a href="mailto:<?php echo $peccular_contact_page_email;?>"><?php echo ($peccular_contact_page_email);  ?></a>	
				
					</div>
					<?php } ?> 
				</div>
			</div>

			<div class="col-lg-4 col-md-12 col-sm-12 col-xs-12  contactphone">
				<div class="row">
				<?php if(!empty($peccular_contact_page_phone)){ ?>							
				<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 ">
					<i class="fa fa-phone" aria-hidden="true"></i>
				</div>
				<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12  contalign">	
				<h2><?php echo ($peccular_cont_phonehead);  ?></h2>				
					<a href="telto:<?php echo $peccular_contact_page_phone;?>"><?php echo ($peccular_contact_page_phone);  ?></a>				
				</div>
				<?php } ?> 
				</div>
			</div>	

	       
						
			
    	</div>
	<!-- </div> -->
</div>


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

	<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 pd-0 contactifram">			

			<?php if(!empty($peccular_contact_page_iframe_shortcode)){ ?>
				<div class="peccular-contact-mapbox <?php echo esc_attr(get_theme_mod('peccular_contactpage_box_onload_effects','wow zoomIn')); ?>" data-wow-duration="2s">
						<?php echo ($peccular_contact_page_iframe_shortcode);  ?>
				</div>
			<?php }?>		
			
    	
	</div> 


		  
</div> 	<!-- container-fluid -->	

	</div>	<!-- peccular-contactus-wrap -->	
	</div>	
	
</main>
<?php get_footer(); ?>