<?php 
/**
 * The template for displaying all pages.
 *
 * This is the template that displays all pages by default.
 * Please note that this is the WordPress construct of pages
 * and that other 'pages' on your WordPress site may use a
 * different template.
 *
 * @link https://codex.wordpress.org/Template_Hierarchy
 *
 * @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 if( get_theme_mod('inneranimations_icon_display','show' ) == 'show') :
                            ?>
   <?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 endif ?> 
<?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 if( get_theme_mod('inneranimations_icon_display','show' ) == 'show') :
                            ?>
  <?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" />';
          ?>
   <?php endif ?> 
</header><!-- .entry-header --> 
<div class="peccular-innerpage-overlay"></div>
<div class="clearfix"></div>
</div>
<main id="innerpage-box">
        <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="inner_contentbox">

    <?php if (get_theme_mod('peccular__page_layout') == '1' ) { ?>
        <div class="row">

        <div class="col-md-4">
            <?php  get_sidebar(); ?>
        </div>
        <div id="content-box" class="col-md-8 innerpage-whitebox">
            <?php while ( have_posts() ) : the_post(); ?>
              <?php get_template_part( 'template-parts/content', 'page' ); ?>
                <?php
            // If comments are open or we have at least one comment, load up the comment template.
                if ( comments_open() || get_comments_number() ) :
                    comments_template();
                endif;
                ?>
            <?php endwhile; // End of the loop. ?>
        </div><!-- #main -->
        <div class="clearfix"></div>
        </div>

    <?php } else if (get_theme_mod('peccular__page_layout') == '0' ) {?>

        <div id="content-box" class="innerpage-whitebox main-timeline pd-0">
            <?php while ( have_posts() ) : the_post(); ?>
                <?php get_template_part( 'template-parts/content', 'page' ); ?>
                <?php
                // If comments are open or we have at least one comment, load up the comment template.
                if ( comments_open() || get_comments_number() ) :
                    comments_template();
                endif;
                ?>
            <?php endwhile; // End of the loop. ?>
            <div class="clearfix"></div>
        </div><!-- #main -->

         <?php } if (get_theme_mod('peccular__page_layout') == '2' ) { ?>
             <div class="row ">
                <div id="content-box" class="col-md-8 innerpage-whitebox">
                <?php while ( have_posts() ) : the_post(); ?>
                    <?php get_template_part( 'template-parts/content', 'page' ); ?>
                    <?php
                        // If comments are open or we have at least one comment, load up the comment template.
                    if ( comments_open() || get_comments_number() ) :
                        comments_template();
                    endif;
                    ?>
                <?php endwhile; // End of the loop. ?>
            </div><!-- #main -->
            <div class="col-md-4">
                <?php  get_sidebar(); ?>
            </div>
            <div class="clearfix"></div>
            </div>

<?php } ?>
        
        <div class="clearfix"></div>
        
        <div class="pagingation">
            <?php lzGetPagination($query);?>
        </div>
            <div class="clearfix"></div>
    </div>
    </div>
</main><!-- #main -->
<?php get_footer(); ?>
