<?php
/**
 * Template Name: Blog full width
 *
 * @package Luzuk Premium
 */
get_header(); 
?>
  <?php $image = wp_get_attachment_url( get_post_thumbnail_id($post->ID));?>
<div class="row row-eq-height gh">
    <div class="overlay1"></div>
    <div class="header-title col-md-6 col-sm-6 col-xs-12 pd-0">
     
          <?php the_title( '<h1 class="ht-main-title wow zoomIn">', '</h1>' ); ?>
              <div class="clearfix"></div>
           <?php if( get_theme_mod('breadcrumb_button_display','show' ) == 'show') :
              ?>
              <div class="breadcrumbbox wow zoomIn">
                    <div class='button'><?php luzuk_lite_the_breadcrumb(); ?></div>
              </div>
          <?php endif ?>  
          <div class="clearfix"></div>  
    </div>
    <div class="col-md-6 col-sm-6 col-xs-12 pd-0">
        <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 ?> >
      </header>
  </div>
</div>

<main id="innerpage-box">
	<div class="container">
<div class="inner_contentbox">

		<div id="blog-box" class="ht-blog-wrap innerpage-whitebox">
			<?php
            $current_page = max(1, get_query_var('paged'));
            $luzuk_blog_cat_exclude = get_theme_mod('luzuk_blog_categories');
            $luzuk_blog_cat_exclude = explode(',', $luzuk_blog_cat_exclude);
            $excerpt = get_theme_mod('luzuk_blog_categories_settings');
            $args = array(
                'category__not_in' => $luzuk_blog_cat_exclude,
                // 'page'=,
                'paged'=> $current_page,

            );
            $query = new WP_Query($args);
            if($query -> have_posts()):
                while($query -> have_posts()) : $query -> the_post();
                 $luzuk_image = wp_get_attachment_image_src(get_post_thumbnail_id() , 'total-blog-thumb');
                 $img = (has_post_thumbnail())?esc_url($luzuk_image[0]):get_template_directory_uri().'/images/blog.jpg';
                 ?>
                 <div class="inner-blog-post col-md-4 col-sm-12 col-xs-12 wow zoomIn">
                   <div class="inner-blogpost">
                     <div class="ht-blog-thumbnail">
                       <a href="<?php the_permalink(); ?>">
                          <img class="inner-blog-img" src="<?php echo $img; ?>" alt="<?php the_title(); ?>">
                          <div class="overlay"></div>
                      </a>
                    </div>
                    <div class="inner-blogpost-info">
                       <?php if( get_theme_mod('postdate_button_display','show' ) == 'show') :
                               ?>
                       <div class="blog-date">
                             <span> <i class="fa fa-user-o"></i> <?php echo get_the_author(); ?></span> / <span> <i class="fa fa-calendar" ></i><?php echo get_the_date( 'j F, Y' ); ?> </span><span> / <i class="fa fa-comments-o"></i> <?php echo $my_var = get_comments_number(); ?> Comments</span>
                        </div>
                      <?php endif ?> 

                         <a href="<?php the_permalink(); ?>"><h2><?php the_title(); ?></h2></a>
                          <div class="inner-blog-excerpt">
                               <?php 
                               if (has_excerpt()) {
                                          echo get_the_excerpt();
                                      } else {
                                          echo luzuk_excerpt(get_the_content(),150);
                                      
                                   }
                                   ?>
                          </div>
                           <?php
                                $blog_button1 = get_theme_mod('blog_button1', 'READ MORE');
                            ?>
                                    <?php if($blog_button1) { ?>
                                        <div class="readmore">  
                                            <a href="<?php echo esc_url(get_permalink()); ?>">
                                                <span><?php echo $blog_button1 ?> </span>
                                            </a>
                                        </div> 
                                    <?php }?>
                       

                   <div class="clearfix"></div>
                 </div>
                   
               
                   <div class="clearfix"></div> 
                   
           </div>
              <script>
            jQuery.noConflict();
            $(function(){
              function innerblogpostHeight(){
                var ht = 0;
                $('.page-template-blog-template .inner-blogpost-info').each(function(i){
                  var tHt = $(this).height();
                  if(ht<tHt){
                    ht=tHt;
                  }
                });
                $('.page-template-blog-template .inner-blogpost-info').height(ht+'px');
              }
              innerblogpostHeight();
            });
            $( window ).resize(function(){
              innerblogpostHeight();
            });
          </script>
       </div> 

     

       <?php
   endwhile;
endif;
wp_reset_postdata();
?>
<div class="clearfix"></div>

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