<?php
/**
 * The template for displaying image attachments
 *
 * @package Bezel
 */

get_header(); ?>

	<div class="container">
		<div class="row">

			<section id="primary" class="content-area <?php bezel_layout_class( 'content' ); ?>">
				<main id="main" class="site-main">

					<div id="post-wrapper" class="post-wrapper post-wrapper-single">
					<?php /* Start the Loop */ ?>
					<?php while ( have_posts() ) : the_post(); ?>

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

						<nav id="image-navigation" class="navigation image-navigation">
							<div class="nav-links">
								<div class="previous-image nav-previous"><?php previous_image_link( false, esc_html__( 'Previous Image', 'bezel' ) ); ?></div>
								<div class="next-image nav-next"><?php next_image_link( false, esc_html__( 'Next Image', 'bezel' ) ); ?></div>
							</div><!-- .nav-links -->
						</nav><!-- #image-navigation -->

						<?php
							// If comments are open or we have at least one comment, load up the comment template
							if ( comments_open() || '0' != get_comments_number() ) :
								comments_template();
							endif;
						?>

					<?php endwhile; // end of the loop. ?>
					</div><!-- .post-wrapper -->

				</main><!-- #main -->
			</section><!-- #primary -->

			<?php get_sidebar(); ?>

		</div><!-- .row -->
	</div><!-- .container -->

<?php get_footer(); ?>