<?php
/**
 * Template part for displaying Video Format
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 *
 * @package wheel_alignment_service
 */

?>
<?php $wheel_alignment_service_readmore = get_theme_mod( 'wheel_alignment_service_readmore_button_text','Read More');?>

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
	<div class="mag-post-single">
        <?php
			// Get the post ID
			$wheel_alignment_service_post_id = get_the_ID();

			// Check if there are videos embedded in the post content
			$wheel_alignment_service_post = get_post($wheel_alignment_service_post_id);
			$wheel_alignment_service_content = do_shortcode(apply_filters('the_content', $wheel_alignment_service_post->post_content));
			$wheel_alignment_service_embeds = get_media_embedded_in_content($wheel_alignment_service_content);

			if (!empty($wheel_alignment_service_embeds)) {
			    // Loop through embedded media and display videos
			    foreach ($wheel_alignment_service_embeds as $wheel_alignment_service_embed) {
			        // Check if the embed code contains a video tag or specific video providers like YouTube or Vimeo
			        if (strpos($wheel_alignment_service_embed, 'video') !== false || strpos($wheel_alignment_service_embed, 'youtube') !== false || strpos($wheel_alignment_service_embed, 'vimeo') !== false || strpos($wheel_alignment_service_embed, 'dailymotion') !== false || strpos($wheel_alignment_service_embed, 'vine') !== false || strpos($wheel_alignment_service_embed, 'wordPress.tv') !== false || strpos($wheel_alignment_service_embed, 'hulu') !== false) {
			            ?>
			            <div class="custom-embedded-video">
			                <div class="video-container">
			                    <?php echo $wheel_alignment_service_embed; ?>
			                </div>
			                <div class="video-comments">
			                    <?php
			                    // Add your comments section here
			                    comments_template(); // This will include the default WordPress comments template
			                    ?>
			                </div>
			            </div>
			            <?php
			        }
			    }
			}
	    ?>
		<div class="mag-post-detail">
			<div class="mag-post-category">
				<?php wheel_alignment_service_categories_list(); ?>
			</div>
			<?php
			if ( is_singular() ) :
				the_title( '<h1 class="entry-title mag-post-title">', '</h1>' );
			else :
				if ( get_theme_mod( 'wheel_alignment_service_post_hide_post_heading', true ) ) { 
					the_title( '<h2 class="entry-title mag-post-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' );
			    }
			endif;
			?>
			<div class="mag-post-meta">
				<?php
				wheel_alignment_service_posted_on();
				wheel_alignment_service_posted_by();
				wheel_alignment_service_posted_comments();
				wheel_alignment_service_posted_time();
				?>
			</div>
			<?php if ( get_theme_mod( 'wheel_alignment_service_post_hide_post_content', true ) ) { ?>
				<div class="mag-post-excerpt">
					<?php the_excerpt(); ?>
				</div>
		    <?php } ?>
			<?php if ( get_theme_mod( 'wheel_alignment_service_post_readmore_button', true ) === true ) : ?>
				<div class="mag-post-read-more">
					<a href="<?php the_permalink(); ?>" class="read-more-button">
						<?php if ( ! empty( $wheel_alignment_service_readmore ) ) { ?> <?php echo esc_html( $wheel_alignment_service_readmore ); ?> <?php } ?>
						<i class="<?php echo esc_attr( get_theme_mod( 'wheel_alignment_service_readmore_btn_icon', 'fas fa-chevron-right' ) ); ?>"></i>
					</a>
				</div>
			<?php endif; ?>
		</div>
	</div>

</article><!-- #post-<?php the_ID(); ?> -->