<?php
/**
 * The template for displaying archive pages
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 *
 * @package computer-repair-solutions
 */

get_header();
?>

<main id="primary-main" class="site-main archivepage">
<?php
// $banner_img = get_the_post_thumbnail_url(get_the_ID(), 'full');

// If no image, use default image from theme folder
if (empty($banner_img)) {
    $banner_img = get_template_directory_uri() . '/assets/images/default-banner.jpg';
}
?>

<div class="banner-head" style="background-image: url('<?php echo esc_url($banner_img); ?>');width: 100%;background-size: cover;">

	
	 <header class="entry-header">
    <h1 class="entry-title text-center"><?php the_title(); ?></h1>    </header>
</div>
<div class="blog-div container-fluid arc p-5" id="primary">
	<div class="row">
		<div class="col-lg-9 col-md-9 col-12 archive-col">
			<?php if ( have_posts() ) : ?>

			<header class="page-header">
				<?php
			the_archive_title( '<h1 class="page-title">', '</h1>' );
			the_archive_description( '<div class="archive-description">', '</div>' );
			?>
			</header><!-- .page-header -->

			<?php
		/* Start the Loop */
		while ( have_posts() ) :
			the_post();

			/*
			 * Include the Post-Type-specific template for the content.
			 * If you want to override this in a child theme, then include a file
			 * called content-___.php (where ___ is the Post Type name) and that will be used instead.
			 */

			?>
			<div class="mainrow mb-3">

				<?php  get_template_part( 'template-parts/content', get_post_type() ); ?>

			</div>
			<?php
			
			
		endwhile;

		the_posts_navigation();

	else :

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

	endif;
	?>
		</div>
		<div class="col-lg-3 col-md-3 col-12 mt-5">
			<div class="sidebar-div">
				<?php 
					// The Loop
					if ( have_posts() ) :
						while ( have_posts() ) : the_post();
						endwhile;
					endif;
					if ( is_active_sidebar( 'sidebar-1' ) ) {
						dynamic_sidebar( 'sidebar-1' );
					} else {
						get_sidebar();
					}
					?>
			</div>
		</div>
	</div>
</div>

</main><!-- #main -->

<?php
get_footer();
