<?php 
	get_header(); 

?>

<main class="content">
	<div class="blog-inner">
		<div class="container">

			<h1 class="blog-title"><?php single_cat_title(); ?></h1>
			<?php $current_cat = single_cat_title('', 0); ?>

			<?php     
			
				global $post_args;

				$cat_name = single_cat_title('', 0);
				$term = get_queried_object()->slug;

				$post_args = array(
					'post_type' => 'article',
					'post_status' => 'publish',
					'order' => 'ASC',
					'category_name' => $term,
					'paged' => get_query_var('paged') ?: 1,
				); 
				
				$posts = new WP_Query($post_args);
			?>

			<?php if ( $posts->have_posts() ) : ?>
				<div class="blog-list">
					<div class="row">
						<?php 
							while ($posts->have_posts()) :
								$posts->the_post();
								$current_post_link = get_permalink();
								$current_post_title = get_the_title();
								$current_post_data = get_the_date( 'jS F, Y');
						?>
						<div class="col-lg-3">
							<a href="<?=$current_post_link?>" class="blog-list-item">
								<img class="blog-list-item--img" src="<?php 
									if(has_post_thumbnail()) {
										the_post_thumbnail_url();
									} else {
										echo '' . get_bloginfo("template_url") . '/assets/images/img-default.png';
									}
									?>" alt="<?=$current_post_title?>">

								<div class="post-info">
									<div class="post-info--image">
											<?php echo get_avatar('mm') ?>
									</div>

									<div class="post-info--text">
										<span class="article-span article-span--author-archive">by <?php the_author(); ?></span>	
										<div>											
											<span class="article-data"><?=$current_post_data?></span>
											<span class="article-data article-time-read">
												<?php echo reading_time_by_text(); ?>
											</span>
										</div>
									</div>
								</div>

								<p class="blog-list-item--title"><?=$current_post_title?></p>

							</a>
						</div>
						<?php endwhile; ?>
						<?php 
							the_posts_pagination( array(
								'prev_next' => false,
							) ); 
						?>
						<?php wp_reset_query(); ?>
					</div>
				</div>
			<?php endif; ?>
		</div>
	</div>
</main>

<?php get_footer(); ?>