<?php
/**
 * The front page template file.
 *
 * The front-page.php template file is used to render your site’s front page,
 * whether the front page displays the blog posts index (mentioned above) or a static page.
 * The front page template takes precedence over the blog posts index (home.php) template.
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/#front-page-display
 *
 * @package OnePress
 */

get_header();

$layout    = onepress_get_layout();
$blog_loop = onepress_get_blog_posts_loop_layout_config();

    /**
     * @since 2.0.0
     * @see onepress_display_page_title
     */
    do_action( 'onepress_page_before_content' );
    ?>
	<div id="content" class="site-content">
        <?php onepress_breadcrumb(); ?>
        <div id="content-inside" class="container <?php echo esc_attr( $layout ); ?>">
			<div id="primary" class="content-area">
				<main id="main" class="site-main<?php echo $blog_loop['is_grid'] ? ' blog-posts-layout--grid' : ''; ?>" role="main">

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

					<?php if ( is_home() && ! is_front_page() ) : ?>
						<header>
							<h1 class="page-title screen-reader-text"><?php single_post_title(); ?></h1>
						</header>
					<?php endif; ?>

					<?php
					if ( $blog_loop['is_grid'] ) {
						onepress_loop_set_prop( 'blog_posts_layout', 'grid' );
					}
					?>

					<?php if ( $blog_loop['is_grid'] ) : ?>
					<div class="row blog-posts-loop__row">
					<?php endif; ?>

					<?php /* Start the Loop */ ?>
					<?php
					while ( have_posts() ) :
						the_post();
						if ( $blog_loop['is_grid'] ) {
							echo '<div class="' . esc_attr( $blog_loop['grid_col_class'] ) . '">';
						}
						/*
						 * Include the Post-Format-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 Format name) and that will be used instead.
						 */
						get_template_part( 'template-parts/content', get_post_format() );
						if ( $blog_loop['is_grid'] ) {
							echo '</div>';
						}
					endwhile;
					?>

					<?php if ( $blog_loop['is_grid'] ) : ?>
					</div>
					<?php
					onepress_loop_remove_prop( 'blog_posts_layout' );
					endif;
					?>

					<?php the_posts_navigation(); ?>

				<?php else : ?>

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

				<?php endif; ?>

				</main>
			</div>

            <?php if ( $layout != 'no-sidebar' ) { ?>
                <?php get_sidebar(); ?>
            <?php } ?>

		</div>
	</div>

<?php get_footer(); ?>