<?php get_header(); ?>
<?php
$url_image_default = get_template_directory_uri() . '/assets/img/blog-grid-v1-bc.jpg';
$url_image = (!empty(get_theme_mod( 'single_header_background_image'))) ? get_theme_mod( 'single_header_background_image') : $url_image_default;
?>
<?php if (!empty($url_image)) : ?>
<section class="single-reon breadcrumb-blog-details breadcrumb-section section-box breadcrumb-blog" style="background-image: url(<?php echo esc_url($url_image) ?>)">
	<div class="container">
		<div class="breadcrumb-inner">
			<h1 class="three_font"><?php the_title(); ?></h1>
			<div class="breadcrumbs-text">
				<div class="date-cmt">
					<div class="date">
						<i class="zmdi zmdi-time"></i>
						<span class="second_font"><?php the_time( get_option( 'date_format' ));?></span>
					</div>
					<div class="comment">

						
							<i class="zmdi zmdi-comment-outline"></i>
							<?php comments_popup_link(
			            	esc_html__(' 0 comments', 'reon'), 
			            	esc_html__(' 1 comment', 'reon'), 
			            	' % comments',
			            	'',
	                  		esc_html__( 'Comment off', 'reon' )
			            ); ?>
						
					</div>
				</div>
			</div>
		</div>	
	</div>
</section>
<?php endif ?>
<div class="wrap_site wp-single">
	<div id="main-content" class="main">

		<?php 
		if ( have_posts() ) : while ( have_posts() ) : the_post();

			get_template_part( 'content/content', 'post' );

		    if ( comments_open() || get_comments_number() ) {
		    	comments_template();
		    }
			
		endwhile; else :
		    get_template_part( 'content/content', 'none' );
		endif;

		 ?>
		
	</div> <!-- #main-content -->
	<?php get_sidebar(); ?>
</div> <!-- .wrap_site -->

<?php get_footer(); ?>