<?php
/**
 * The template for displaying search results pages
 *
 * @link https://developer.WordPress.org/themes/basics/template-hierarchy/#search-result
 *
 * @package blogging_hub
 */

get_header();
?>

<div class="box-image position-relative">
   <div class="single-page-img"></div>
   <div class="page-header">
      <?php echo '<h1 class="mb-0">' . esc_html__('Results For: ', 'blogging-hub') . esc_html( get_search_query() ) . '</h1>'; ?>
      <span><?php blogging_hub_the_breadcrumb(); ?></span>  
   </div>
</div>

<div id="content-wrap" class="container">
	<section id="primary" class="content-area">
		<main id="main" class="site-main">
			<header class="page-header">
				<h1 class="page-title">
					<?php
					/* translators: %s: search query. */
					printf( esc_html__( 'Search Results for: %s', 'blogging-hub' ), '<span>' . get_search_query() . '</span>' );
					?>
				</h1>
			</header>

			<div class="blog-archive columns-1 clear">
				<?php if ( have_posts() ) : ?>

					<?php
					/* Start the Loop */
					while ( have_posts() ) :
						the_post();
						
						get_template_part( 'apex-library/template-parts/content', 'search' );

					endwhile;

				else :

					get_template_part( 'apex-library/template-parts/content', 'none' );

				endif;
				?>
			</div>

			<?php
			the_posts_pagination(
				array(
					'prev_text'          => blogging_hub_get_svg( array( 'icon' => 'arrow-left' ) ) . '<span class="screen-reader-text">' . __( 'Previous page', 'blogging-hub' ) . '</span>',
					'next_text'          => '<span class="screen-reader-text">' . __( 'Next page', 'blogging-hub' ) . '</span>' . blogging_hub_get_svg( array( 'icon' => 'arrow-right' ) ),
					'before_page_number' => '<span class="meta-nav screen-reader-text">' . __( 'Page', 'blogging-hub' ) . ' </span>',
				)
			); ?>
		</main>
	</section>

<?php get_sidebar(); ?>

</div>

<?php
get_footer();