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

get_header();
?>
<?php $header_image_url = get_header_image(); // Retrieve the default header image

// If the header image is not set, use a fallback
if (!$header_image_url) {
	$header_image_url = get_template_directory_uri() . '/images/bg.jpg';
	// Default image URL
} ?>
  <!-- Blog Heading -->
  <div class="parallax-blog" data-overlay-dark="4" style="background-image: url(<?php echo esc_url($header_image_url); ?>);"> </div>
  <section id="primary" class="blog section">
	<div class="container">        
            <div class="row">

			<?php if ( have_posts() ) : ?>
    <!-- Title -->
    <div class="col-lg-12">
        <div class="text-center">
            <?php
                the_archive_title( '<h1 class="title">', '</h1>' );
                the_archive_description( '<span class="archive-description">', '</span>' );
            ?>
            <div class="icon"><i class="fa fa-comments"></i></div>
        </div> <!-- End Title -->
    </div> <!-- End col -->
<?php endif; ?>
			  	
                <div class="col-xl-9 col-lg-8">
					

		<?php if ( have_posts() ) : ?>

			<?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.
				 */
				get_template_part( 'template-parts/content', get_post_type() );

			endwhile;

			the_posts_navigation();

		else :

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

		endif;
		?>

</div> <!-- #end col -->

<div class="col-xl-3 col-lg-4"><?php get_sidebar(); ?></div>

        </div> <!-- #end row -->
    </div> <!-- #end container -->
</section><!-- #end blog -->

<?php get_footer();
