<?php get_header(); ?>

<?php
	global $wp_query, $paged;
	$num = $wp_query->found_posts;
	$search_query = get_search_query();
?>

<main role="main" class="l-flex">
	<div id="category-header">
		<div class="l-container l-flex">
			<div class="cat-header-container">
				<h2 class="cat-name"><?php _e('Resultados de búsqueda', 'colombia'); ?></h2>
				<h1 class="cat-title"><?php printf(__('Se han encontrado %d resultados según tu búsqueda:', 'colombia'), $num); ?></h1> 
				<div class="cat-description"><?php echo $search_query; ?></div>
			</div>
		</div>
	</div>
	<div id="content-wrapper" class="l-container l-flex">
		<section id="posts" class="l-flex">
			<?php while ( have_posts() ) : the_post(); ?>
				<?php
					$url_exploded = explode('/', parse_url(get_the_permalink(), PHP_URL_PATH));
					$parent_category = 'category-'.$url_exploded[1];
				?>
				<article <?php post_class($parent_category); ?> id="post-<?php the_ID(); ?>">
					<figure class="post-img">
						<a href="<?php the_permalink(); ?>">
							<?php
								if(has_post_thumbnail()){
									the_post_thumbnail();
								}
								else{
									$thumb = get_field('thumb_post');
							?>
									<img src="<?php echo $thumb['sizes']['medium']; ?>" alt="<?php echo $thumb['alt']; ?>" title="<?php echo $thumb['title']; ?>" />
							<?php
								}
							?>
						</a>
					</figure>
					<div class="post-info">
						<div class="post-category">
							<?php the_category(); ?>
						</div>
						<div class="post-title">
							<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
						</div>
						<div class="post-excerpt">
							<a href="<?php the_permalink(); ?>"><?php the_excerpt(); ?></a>
						</div>
					</div>
				</article>

			<?php endwhile; ?>

			<?php if($wp_query->max_num_pages > 1){ ?>
				<div id="pagination">
					<button id="load-more" class="btn-secondary" type="button" data-current-page="<?php echo $paged; ?>" data-total-pages="<?php echo $wp_query->max_num_pages; ?>">Cargar más</button>
				</div>
			<?php } ?>
		</section>
		<?php get_sidebar(); ?>
	</div>
</main>

<?php get_footer(); ?>