<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css"
        integrity="sha512-SzlrxWUlpfuzQ+pcUCosxcglQRNAq/DZjVsC0lE40xsADsfeQoEypE+enwcOiGjk/bSuGGKHEyjSoQ1zVisanQ=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
</html>
<?php
/**
 * The main template file
 *
 * This is the most generic template file in a WordPress theme
 * and one of the two required files for a theme (the other being style.css).
 * It is used to display a page when nothing more specific matches a query.
 * E.g., it puts together the home page when no home.php file exists.
 *
 */

get_header();
Beruco_Wp_Elements::$template = 'blog';
?>

<main id="site-content">

	<?php 
		/*
		* Page title template call
		*/
		get_template_part( 'template-parts/page', 'title' );
		$blog_structure = Beruco_Wp_Elements::beruco_options('blog-layout');
		$blog_grid_columns = Beruco_Wp_Elements::beruco_options('blog-grid-columns');
		$blog_grid_gutter = Beruco_Wp_Elements::beruco_options('blog-grid-gutter');
	?>

	<div class="beruco-content-wrap container">
		<div class="row">
			<?php
				$content_col_class = Beruco_Wp_Elements::beruco_get_content_class();
			?>
			<div class="<?php echo esc_attr( $content_col_class ); ?>">
				<?php				
				if ( have_posts() ) { 
					if($blog_structure === 'grid'){
						echo '<div class="beruco-masonry" data-columns='. $blog_grid_columns .' data-gutter='. $blog_grid_gutter.'>';
						while ( have_posts() ) {
							the_post();
							get_template_part( 'template-parts/content', 'excerpt' );
						} 
					echo '</div>';
					}
					elseif($blog_structure === 'list'){
						if ( have_posts() ) { 
							echo '<div class="beruco-masonry" data-columns="1" data-gutter="30">';
								while ( have_posts() ) {
									the_post();
									get_template_part( 'template-parts/content', 'excerpt' );
								} 
							echo '</div>';		
						}
					}else{
						if ( have_posts() ) { 
							echo '<div class="beruco-masonry" data-columns="1" data-gutter="30">';
								while ( have_posts() ) {
									the_post();
									get_template_part( 'template-parts/content', 'excerpt' );
								} 
							echo '</div>';		
						}
					}
				}
				?>
				<?php get_template_part( 'template-parts/pagination' ); ?>
			</div><!-- .col -->
			<?php get_template_part( 'template-parts/content-sidebar' ); ?>
		</div><!-- .row -->
	</div><!-- .beruco-content-wrap -->

</main><!-- #site-content -->

<?php
get_footer();
