<?php
/**
 * The template for displaying all single posts
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/#single-post
 *
 * @package WordPress
 * @subpackage Twenty_Twenty_One
 * @since Twenty Twenty-One 1.0
 */

get_header(); 
$get_page_ID = get_the_ID(); 
 
if (have_posts()) : while(have_posts()) : the_post(); ?>
<section class="blog-detail-banner">
	<div class="container">
	    <div class="row">
			<div class="col-md-6">
				<div class="banner-content">
					<h1><?php the_title(); ?></h1>
					<div class="read-time">
						<span><i class="fa-regular fa-clock"></i>
							<?php echo reading_time(); ?></span>
						<span class="views"><i class="fa-solid fa-eye"></i> 1240 views</span>
					</div>
					<div class="publish-date">
						<span>Punlished On :</span>
						<span class="published-date">
							<?php  $post_date = get_the_date( 'F d, Y ' ); echo $post_date; ?></span>by
						<label><?php echo get_the_author(); ?><lable>
					</div>
					<div class="updation-date">
						<span>Updated On : </span>
						<span><?php $u_time = get_the_time('U');
                         $u_modified_time = get_the_modified_time('U');
                        if ($u_modified_time >= $u_time + 86400) {
                        the_modified_time('F d, Y');
                       } ?></span>
					</div>
					<div class="review">
						<span>Reviewed By :</span>
						<?php 
						  $reviewerData = get_field('reviewer_name');
						  $name = $reviewerData['user_firstname']; 
						  $lname = $reviewerData['user_lastname']; 
						  
						// print_r($reviewerData); 
						  ?>
						<label><?php echo $name; echo $lname; ?></label>
					</div>
					<div class="social-media-icons">
						<?php echo do_shortcode('[TheChamp-Sharing]');  ?>
					</div>
				</div>
				<!-- <div class="author-and-reviewer">
						<div class="written-info">
							<p class="written_by">Author:</p>
							<a href="/#" target="_blank">
								<p class="author_name">
									<img src="https://emeraldhealthdev.demandtech.org/wp-content/uploads/2024/07/businessman-with-his-arms-crossed-1.png"
										alt="">
										Arun Rajan</p>
							</a>
						</div>
							
							<div class="review-info">
								<p class="written_by ee">Reviewed By:</p>
								<a href="#" target="_blank">
									<p class="author_name">
										<img src="https://emeraldhealthdev.demandtech.org/wp-content/uploads/2024/07/businessman-with-his-arms-crossed-1.png"
											alt="">Sanjay Gupta</p>
								</a>
							</div>
					</div> -->
			</div>
		<div class="col-md-6">
			<div class="banner-image">
				<?php if (has_post_thumbnail( $post->ID ) ){
					 $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'single-post-thumbnail' ); 
					echo '<img src="'. $image[0] .'" alt="'. get_the_title() .'" />';
				} ?>
			</div>
		</div>
	  </div>
	</div>
</section>
<section class="detail-page-content">
	<div class="container">
		<div class="row">
			<!-- The navbar -->
			<div class="col-md-3 position-relative">
				<aside>
					<div id="stickySidebar" class="">
						<div class="navigation-list" id="active-section">
							<h4>Table of Contents</h4>
						</div>
					</div>
				</aside>
			</div>
			<!-- The sections -->
			<div class="col-md-9">
				<div class="blog-info-blk">
					<div class="blog-box">
						<?php the_content(); ?>
					</div>
					<div class="author-info">
						<div class="details-area">
							<?php 
									$author_id = get_the_author_meta('ID');
									$author_detail_image = get_field('author_image', 'user_'. $author_id );
									if( !empty( $author_detail_image ) ): ?>
							<div class="imgblk"> <img src="<?php echo esc_url($author_detail_image['url']); ?>"
									alt="<?php echo esc_attr($author_detail_image['alt']); ?>"></div>
							<?php endif; ?>

							<div class="work_step_content">
								<h5><?php echo get_the_author();?></h5>
								<p id="author-description">
									<?php 
                                    if (!empty(nl2br(get_the_author_meta('description')))) : 
                                      echo nl2br(get_the_author_meta('description'));
                                    endif; 
                                     ?>
								</p>
								<a href="javascript:void(0);" id="toggle-description">Read More <i
										class="fa fa-angle-down"></i></a>
							</div>
						</div>

					</div>
					<div class="faqs">
						<?php if( have_rows('faq_list') ): ?>
						<div class="accordion accordion-flush" id="accordionFlushExample">
							<?php 
							$row_count = 1;
							while( have_rows('faq_list') ): the_row(); 
							$faq_list_heading = get_sub_field('faq_list_heading',$get_page_ID);
						$faq_list_description = get_sub_field('faq_list_description',$get_page_ID);
							?>
							<div class="accordion-item">
								<?php if( !empty( $faq_list_heading ) ) { ?>
								<h2 class="accordion-header" id="flush-heading<?php echo $row_count;?>">
									<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
										data-bs-target="#flush-collapse<?php echo $row_count;?>" aria-expanded="false"
										aria-controls="flush-collapse<?php echo $row_count;?>">
										<?php echo $faq_list_heading; ?>
									</button>
								</h2>
								<?php } ?>
								<?php if( !empty( $faq_list_description ) ) { ?>
								<div id="flush-collapse<?php echo $row_count;?>" class="accordion-collapse collapse"
									aria-labelledby="flush-heading<?php echo $row_count;?>"
									data-bs-parent="#accordionFlushExample">
									<div class="accordion-body"><?php echo $faq_list_description; ?></div>
								</div>
								<?php } ?>

							</div>
							<?php $row_count++; endwhile; ?>
						</div>
						<?php endif; ?>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>

<?php endwhile; else : ?>
<div id="post-<?php the_ID(); ?>" <?php post_class('no-posts'); ?>>
	<h3>No Posts found</h3>
</div>
<?php endif; ?>

<section class="related-post">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<h2>Related Blogs</h2>
			</div>
		</div>
		<div class="row">
			<?php $args = array( 'posts_per_page' => '3' );
					$recent_posts = new WP_Query($args);
					while( $recent_posts->have_posts() ) :  
					$recent_posts->the_post() ?>
			<div class="col-md-4">
				<div class="blog-post-card list-item">
					<div class="blog-post-image">
						<?php $image_id = get_post_thumbnail_id(get_the_ID()); $alt_text = get_post_meta($image_id , '_wp_attachment_image_alt', true);?>
						<a href="<?php the_permalink(); ?>"><img src="<?php echo the_post_thumbnail_url() ?>"
								alt="<?php echo $alt_text ;?>" /></a>
					</div>
					<div class="blog-post-content">
						<span class="published-date">
							<?php  $post_date = get_the_date( 'M d, Y g:i a' ); echo $post_date; ?></span>
						<h6><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h6>
						<p><?php the_excerpt(); ?></p>
						<a href="<?php the_permalink(); ?>" class="read-more">Read more <i class="fa fa-arrow"
								aria-hidden="true"></i></i></a>
					</div>
				</div>
			</div>
			<?php endwhile; ?>
			<?php wp_reset_postdata(); ?>
		</div>
	</div>
</section>
<?php get_footer();