<?php
/**
 * The template for displaying all single posts
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/#single-post
 *
 * @package kulan
 */
get_header();

include get_template_directory() . '/inc/single-header.php';
?>
	<!-- Start page header -->
	<section class="page__header position-relative <?php if(!$single_blog_page_bg): ?>no-image<?php endif; ?>" <?php if($single_blog_page_bg): ?>style="background-image:url(<?php echo esc_url($single_blog_page_bg); ?>);"<?php endif; ?>>
		<div class="container">
			<div class="text-center">
				<div class="d-inline-flex justify-content-center gap-2 transprent__btn">
					<?php kulan_breadcrumb_trail(); ?>
				</div>

				<?php if( get_the_title() ): ?>
					<h2 class="t__40"><?php the_title(); ?></h2>
				<?php else: ?>
					<h2 class="t__40"><?php esc_html_e('No Title', 'kulan'); ?></h2>
				<?php endif; ?>
			</div>
		</div>
	</section>
	<!--  End page header -->

	<?php while ( have_posts() ) : the_post(); ?>
		<!-- Blog Details -->
		<section class="blog-details-area blog-details  blog-details-wrap  blog__details py__130">
			<div class="wrapper">
				<div class="container">
					<div class="row justify-content-center">
						<div class="<?php echo esc_attr( $kulan_sidebar_class ); ?>">
							<div class="first__para">
								<?php if(has_post_thumbnail()): ?>
									<img src="<?php the_post_thumbnail_url() ?>" alt="<?php the_title_attribute(); ?>" class="w-100 thumb__img">
								<?php endif; ?>
								<ul class="d-flex align-items-center gap-4 pt__40">
									<li> <i class="fa fa-user"></i> <?php echo esc_html(get_the_author()); ?></li>
									<li> <i class="fa fa-mail-reply"></i> <?php esc_html_e('Comments','kulan');?> <?php echo get_comments_number();?></li>
									<li> <i class="fa fa-calendar"></i> <?php echo date('d M Y'); ?> </li>
								</ul>
							</div>

							<div class="blog-details-content post-desc">
								<?php 
								the_content();
								wp_link_pages( array(
									'before' => '<div class="page-links">' . esc_html__( 'Pages:', 'kulan' ),
									'after'  => '</div>',
								) );
								?>
							</div>
						</div>

						<?php if( $sidebar_hide == 'kulan_with_sidebar' ): ?>
							<?php get_sidebar(); ?>
						<?php endif; ?>
					</div>
				</div>
			</div>

			<div>
				<?php if($single_blog_page_shape1): ?>
					<img src="<?php echo esc_url($single_blog_page_shape1); ?>" alt="<?php esc_attr_e('Blog Shape Image', 'kulan'); ?>" class="rat__shap">
				<?php endif; ?>

				<?php if($single_blog_page_shape2): ?>
					<img src="<?php echo esc_url($single_blog_page_shape2); ?>" alt="<?php esc_attr_e('Blog Shape Image', 'kulan'); ?>" class="dots__shap">
				<?php endif; ?>
			</div>
		</section>
		<!-- Blog Details -->

		<?php 
		if ( comments_open() || get_comments_number() ) :
			comments_template();
		endif;
		?>
	<?php endwhile; ?>

<?php
get_footer();