<?php
/**
 * The template for displaying archive pages
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 *
 * @package Mystery Themes
 * @subpackage Color Blog
 * @since 1.0.0
 */

$archive_style = get_theme_mod( 'color_blog_archive_style', 'mt-archive--masonry-style' );
get_header();
?>
<div class="mt-page-content-wrapper">
	<div itemscope id="primary" class="content-area">
		<main id="main" class="site-main">
		<?php
			if ( 'mt-archive--block-grid-style' === $archive_style ) {
				echo '<div class="archive-grid-post-wrapper">';
			}
			if ( have_posts() ) :
				if ( 'mt-archive--masonry-style' === $archive_style ) {
			?>
					<div class="color-blog-content-masonry">
						<div id="mt-masonry">
			<?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;

				if ( 'mt-archive--masonry-style' === $archive_style ) {
			?>
						</div><!-- #mt-masonry -->
					</div><!-- .color-blog-content-masonry -->
			<?php
				}

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

			endif;

			if ( 'mt-archive--block-grid-style' === $archive_style ) {
				echo '</div><!-- .archive-grid-post-wrapper -->';
			}
		?>
		</main><!-- #main -->
	</div><!-- #primary -->

	<?php get_sidebar(); ?>
</div><!-- .mt-page-content-wrapper -->
<?php
get_footer();