<?php
/**
 * Template Name: Blog Grid Template
 *
 * 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 will use a
 * different template.
 *
 * @package WPVoyager
 */
get_header();
?>
<div class="content">
	<div class="container">
			<div class="row">
			<div class="col-lg-8 col-md-12">
			<div class="row blog-grid-row">
                <?php 
                $paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
				$post_per_page = get_option( 'posts_per_page' );
                $args=array(
                    'post_type' => 'post',
                    'paged' => $paged,
                    'posts_per_page' => $post_per_page,
                    'parent'                   => '',
                    'orderby'                  => 'id',
                    'order'                    => 'ASC'

                );
            
                $wp_query = new WP_Query($args);
                if( have_posts() ) :
               while ($wp_query->have_posts()) : $wp_query->the_post(); 
                ?>
                <div class="col-md-6 col-sm-12">
				<div class="blog grid-blog">
						<div class="blog-image">
						<?php if (has_post_thumbnail( $post->ID ) ): ?>
							<?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'single-post-thumbnail' ); ?>
							<img src="<?php echo esc_html($image[0]); ?>"/>
							<?php endif; ?>
						</div>
						<div class="blog-content">
							<ul class="entry-meta meta-item">
							<li>
								<div class="post-author">
								<a href="<?php the_permalink(); ?>">
									<?php 
										$get_author_id = get_the_author_meta('ID');
										$get_author_gravatar = get_avatar_url($get_author_id, array('size' => 30));
										$url = get_author_posts_url(get_the_author_meta('ID'));
									?>
								<img src="<?php echo esc_html($get_author_gravatar);?>"><span> <?php echo get_the_author(); ?></span>
								</a>
								</div>
							</li>
							<li>
							<?php 
							$post_date = get_the_date(); ?>	
							<i class="far fa-calendar-alt"></i> <?php echo esc_html($post_date, 'kofejob');?></li>
							</ul>
								<h3 class="blog-title"><a href="<?php the_permalink(); ?>"><?php the_title();?></a></h3>
								<p class="mb-0"><?php echo wp_trim_words( get_the_content(), 25, '...' );?></p>
						</div>
					</div>
                </div>

        <?php endwhile;  
		
		?>
		
								<?php
								
								kofejob_paginationblog();
									wp_reset_query();
        						?>
							
		
<?php endif; ?>
</div>
</div>
 	<?php get_sidebar();?>
 
</div> <!-- row -->

</div>
</div>

<?php get_footer(); ?>