<?php
/**
 * Template Name: Blog Full Width  
 *
 * @package luzuk Premium
 */
get_header(); 
?>
<?php $image = wp_get_attachment_url( get_post_thumbnail_id($post->ID));?>
<header class="page-main-header">
    <div class="container">
        <div class="innheader-img" <?php  if (!empty($image)) : ?> style="background: url('<?php echo esc_url($image); ?>'); background-repeat: no-repeat; background-size:cover;"<?php endif ?>>
            <div class="heder-ovly1"></div>
            <div class="headinnbox">
                <?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 class="clearfix"></div>
                    </div>
                <?php endif ?>
                <?php the_title( '<h1 class="ht-main-title wow zoomIn">', '</h1>' ); ?>
            </div>
        </div>
    </div>
    <div class="clearfix"></div>
</header>

<main id="innerpage-box">
    <div class="container">
        <div class="inner_contentbox">
            <div id="blog-box" class="ht-blog-wrap innerpage-whitebox ">
                <div class="row mr-0">
                      <?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/default.png';
                             ?>
                        <div class="inner-blog-post col-xl-4 col-lg-4 col-md-6 col-sm-6 col-xs-12 wow zoomIn">
                            <?php 
                                $blgtxtlimit = get_theme_mod('blgtxtlimit', '95');
                            ?> 
                            <div class="inner-blogpost">
                                <a href="<?php the_permalink(); ?>">
                                    <div class="ht-blog-thumbnail">
                                      <img class="inner-blog-img" src="<?php echo $img; ?>" alt="<?php the_title(); ?>">
                                      <div class="img-ovly"></div>
                                    </div>
                                    <div class="blog-date">
                                        <span><?php echo get_the_date( 'M' ); ?></span><br> 
                                        <?php echo get_the_date( 'j, Y' ); ?>
                                    </div>
                                </a>
                                <div class="inner-blogpost-info">
                                    <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(),$blgtxtlimit );  
                                               }
                                        ?> 
                                    </div>
                                    <?php
                                        $blog_button2 = get_theme_mod('blog_button2', 'View more');
                                    ?>
                                    <?php if($blog_button2) { ?>
                                        <div class="bloginnbtn">  
                                            <a href="<?php echo esc_url(get_permalink()); ?>">
                                                <span><?php echo $blog_button2 ?></span>
                                                <svg width="46.28" height="17.828" viewBox="0 0 46.28 17.828">
                                                  <g id="Icon_feather-arrow-right" data-name="Icon feather-arrow-right" transform="translate(6.541 -6.086)">
                                                    <path id="Path_216" data-name="Path 216" d="M7.5,18H51.78" transform="translate(-13.041 -3)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" />
                                                    <path id="Path_217" data-name="Path 217" d="M18,7.5,25.5,15,18,22.5" transform="translate(13.239)" fill="none"  stroke-linecap="round" stroke-linejoin="round" stroke-width="2" />
                                                  </g>
                                                </svg>
                                            </a>
                                            <div class="clearfix"></div>
                                        </div> 
                                    <?php }?>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <script type="text/javascript">
                                var title = 0;
                                jQuery(".page-template-blog-left-sidebar .inner-blogpost").each(function(){
                                  if ($(this).height() > title) { title = $(this).height(); }
                                });
                                jQuery(".page-template-blog-left-sidebar .inner-blogpost").height(title);


                                // on Resize change height

                                jQuery(window).resize(function(){
                                  jQuery(".page-template-blog-left-sidebar .inner-blogpost").height("");
                                  var title = 0;
                                  jQuery(".page-template-blog-left-sidebar .inner-blogpost").each(function(){
                                    if ($(this).height() > title) { title = $(this).height(); }
                                  });
                                  jQuery(".page-template-blog-left-sidebar .inner-blogpost").height(title);
                                });
                            </script>
                      </div> 

                   <?php
                       endwhile;
                    endif;
                    wp_reset_postdata();
                    ?>
                      <div class="clearfix"></div>
          </div>
          </div>
              <div class="clearfix"></div>
            <div class="row mr-0">
                    <div class="col-md-12">
                            <div class="pagingation">
                                 <?php lzGetPagination($query);?>
                            </div>
                    </div>
            </div>
          <div class="clearfix"></div>
      
      </div>
    </div>
</main>
<?php get_footer(); ?>
