<?php
/**
 * The Header for our theme.
 *
 * Displays all of the <head> section and everything up till <div class="container">
 *
 * @package Wild Safari Lite
 */
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">
<?php if ( is_singular() && pings_open( get_queried_object() ) ) : ?>
	<link rel="pingback" href="<?php echo esc_url( get_bloginfo( 'pingback_url' ) ); ?>">
<?php endif; ?>
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<?php
	if ( function_exists( 'wp_body_open' ) ) {
		wp_body_open();
	} else {
		do_action( 'wp_body_open' );
	}
?>
<a class="skip-link screen-reader-text" href="#site-pagelayout">
<?php esc_html_e( 'Skip to content', 'wild-safari-lite' ); ?>
</a>
<?php
$wild_safari_lite_show_slider 	  		            = get_theme_mod('wild_safari_lite_show_slider', false);
$wild_safari_lite_show_services_section 	  	    = get_theme_mod('wild_safari_lite_show_services_section', false);
$show_wild_safari_lite_wildsafaripage	            = get_theme_mod('show_wild_safari_lite_wildsafaripage', false);
?>
<div id="sitelayout_type" <?php if( get_theme_mod( 'sitebox_layout' ) ) { echo 'class="boxlayout"'; } ?>>
<?php
if ( is_front_page() && !is_home() ) {
	if( !empty($wild_safari_lite_show_slider)) {
	 	$inner_cls = '';
	}
	else {
		$inner_cls = 'siteinner';
	}
}
else {
$inner_cls = 'siteinner';
}
?>

<div class="mysite_header <?php echo esc_attr($inner_cls); ?>">       
<div class="black_hderstip">
<div class="container">    
     <div class="logo">
        <?php wild_safari_lite_the_custom_logo(); ?>
        <h1><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo('name'); ?></a></h1>
            <?php $description = get_bloginfo( 'description', 'display' );
            if ( $description || is_customize_preview() ) : ?>
                <p><?php echo esc_html($description); ?></p>
            <?php endif; ?>
        </div><!-- logo -->
     <div class="right_hdrpart">
       <div class="toggle">
         <a class="toggleMenu" href="#"><?php esc_html_e('Menu','wild-safari-lite'); ?></a>
       </div><!-- toggle --> 
       <div class="sitenav">                   
         <?php wp_nav_menu( array('theme_location' => 'primary') ); ?>
       </div><!--.sitenav -->
     </div><!--.right_hdrpart -->
<div class="clear"></div>  

</div><!-- container --> 
</div><!-- .black_hderstip -->  
</div><!--.mysite_header --> 

<?php 
if ( is_front_page() && !is_home() ) {
if($wild_safari_lite_show_slider != '') {
	for($i=1; $i<=3; $i++) {
	  if( get_theme_mod('wild_safari_lite_sliderpage'.$i,false)) {
		$slider_Arr[] = absint( get_theme_mod('wild_safari_lite_sliderpage'.$i,true));
	  }
	}
?> 
<div class="hdr_slider">                
<?php if(!empty($slider_Arr)){ ?>
<div id="slider" class="nivoSlider">
<?php 
$i=1;
$slidequery = new WP_Query( array( 'post_type' => 'page', 'post__in' => $slider_Arr, 'orderby' => 'post__in' ) );
while( $slidequery->have_posts() ) : $slidequery->the_post();
$image = wp_get_attachment_url( get_post_thumbnail_id($post->ID)); 
$thumbnail_id = get_post_thumbnail_id( $post->ID );
$alt = get_post_meta($thumbnail_id, '_wp_attachment_image_alt', true); 
?>
<?php if(!empty($image)){ ?>
<img src="<?php echo esc_url( $image ); ?>" title="#slidecaption<?php echo esc_attr( $i ); ?>" alt="<?php echo esc_attr($alt); ?>" />
<?php }else{ ?>
<img src="<?php echo esc_url( get_template_directory_uri() ) ; ?>/images/slides/slider-default.jpg" title="#slidecaption<?php echo esc_attr( $i ); ?>" alt="<?php echo esc_attr($alt); ?>" />
<?php } ?>
<?php $i++; endwhile; ?>
</div>   

<?php 
$j=1;
$slidequery->rewind_posts();
while( $slidequery->have_posts() ) : $slidequery->the_post(); ?>                 
    <div id="slidecaption<?php echo esc_attr( $j ); ?>" class="nivo-html-caption">        
    	<h2><?php the_title(); ?></h2>
    	<p><?php echo esc_html( wp_trim_words( get_the_content(), 15, '' ) );  ?></p> 
    <?php
    $wild_safari_lite_slider_readmore = get_theme_mod('wild_safari_lite_slider_readmore');
    if( !empty($wild_safari_lite_slider_readmore) ){ ?>
    	<a class="slide_more" href="<?php the_permalink(); ?>"><?php echo esc_html($wild_safari_lite_slider_readmore); ?></a>
    <?php } ?>       
    </div>   
<?php $j++; 
endwhile;
wp_reset_postdata(); ?>  
<div class="clear"></div>  
<div class="slidebottom"></div> 
</div><!--end .hdr_slider -->     
<?php } ?>
<?php } } ?>
       
        
<?php if ( is_front_page() && ! is_home() ) {
if( $wild_safari_lite_show_services_section != ''){ ?>  
<section id="wild_services_section">
<div class="container">                      
<?php 
for($n=1; $n<=4; $n++) {    
if( get_theme_mod('wild_safari_lite_services_pagebx'.$n,false)) {      
	$queryvar = new WP_Query('page_id='.absint(get_theme_mod('wild_safari_lite_services_pagebx'.$n,true)) );		
	while( $queryvar->have_posts() ) : $queryvar->the_post(); ?> 
    
	<div class="wild_servicesbx <?php if($n % 4 == 0) { echo "last_column"; } ?>">                                    
		<?php if(has_post_thumbnail() ) { ?>
		<div class="iconbox"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail();?></a></div>
		<?php } ?>
		<div class="wild_contentbox">
		<h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>                                     
		<p><?php echo esc_html( wp_trim_words( get_the_content(), 10, '...' ) );  ?></p>   
		 <a class="learnmore" href="<?php the_permalink(); ?>"><?php esc_html_e('Read More','wild-safari-lite'); ?></a>                                  
		</div>                                   
	</div>
	<?php endwhile;
	wp_reset_postdata();                                  
} } ?>                                 
<div class="clear"></div>  
</div><!-- .container -->                  
</section><!-- #wild_services_section-->                      	      
<?php } ?>

<?php if( $show_wild_safari_lite_wildsafaripage != ''){ ?>  
<section id="wild_second_section">
<div class="container">                               
<?php 
if( get_theme_mod('wild_safari_lite_wildsafaripage',false)) {     
$queryvar = new WP_Query('page_id='.absint(get_theme_mod('wild_safari_lite_wildsafaripage',true)) );			
    while( $queryvar->have_posts() ) : $queryvar->the_post(); ?>   
   
     <div class="seconsec_imgbx"><?php the_post_thumbnail();?></div>                              
     <div class="seconsec_contentbox">   
     <h3><?php the_title(); ?></h3>   
     <?php the_content();  ?>
      <a class="learnmore" href="<?php the_permalink(); ?>"><?php esc_html_e('Read More','wild-safari-lite'); ?></a> 
    </div>                                      
    <?php endwhile;
     wp_reset_postdata(); ?>                                    
    <?php } ?>                                 
<div class="clear"></div>                       
</div><!-- container -->
</section><!-- #wild_second_section-->
<?php } ?>

<?php } ?>