<?php
get_header('blog');
the_post();
?>

<div class="container">
    <div class="row mt-4">
        <div class="col-sm-12 col-md-8 col-xs-12">

            <div class="title mb-3">
                <?php echo the_breadcrumb(); ?>
                <h1 class="my-3"><?php the_title(); ?></h1>
                <div class="title-info">
                    <span class="image">
                        <img src="https://ariesmansecrets.com/wp-content/uploads/2019/05/6635.jpg"/>
                    </span>
                    <span class="d-inline-block ml-3"> by <a href="/about-me"><?php the_author(); ?></a>, relationship astrologer</span>
                    <span class="title-date">
                        <time class="text-muted small"
                              datetime="<?php echo get_the_date('F jS, Y'); ?>"><?php echo get_the_date('F jS, Y'); ?></time>
                    </span>
                </div>
            </div>

            <article>
                <div class="article-preview">
                    <?php
                    $yoast_meta = get_post_meta(get_the_ID(), '_yoast_wpseo_metadesc', true);
                    if ($yoast_meta) {
                        echo $yoast_meta;
                    }
                    ?>
                </div>

                <div class="hero-image my-3">
                    <?php $featuredImage = get_the_post_thumbnail_url(get_the_ID(), 'full_width'); ?>
                    <img src="<?php echo $featuredImage; ?>" class="img-fluid post-image"/>
                </div>

                <div class="text-content">
                    <?php the_content(); ?>
                </div>

                <div class="single-post-tags">
                    <?php
                    $post_tags = get_the_tags();
                    if ($post_tags) {
                        foreach ($post_tags as $tag) {
                            echo '<a class="" href="' . get_tag_link($tag->term_id) . '" class="badge me-1">' . $tag->name . '</a> ';
                        }
                    }
                    ?>
                </div>

                <?php dynamic_sidebar('widget-after-post'); ?>

                <div id="comments" class="comments-area">

                    <?php if (comments_open() || get_comments_number()) :
                        comments_template();
                    else :
                        echo '<p class="comments_closed">Comments on this entry are closed.</p>';
                    endif; ?>

                </div><!-- #comments -->

                <div class="mt-5 mb-4 border-top py-4">
                    <div class="h4">Similar reads</div>

                    <?php get_similar_reads(); ?>
                </div>

            </article>
        </div>
        <div class="col-sm-12 col-md-4 col-xs-12">
            <?php get_sidebar('blog') ?>
        </div>
    </div>

    <script type='text/javascript'>
      /* <![CDATA[ */
      var yqhoro_config = {
        'yqhoro_page_number_max': 0,
        'yqhoro_page_number_next': 0,
        'yqhoro_page_link_next': '<?php echo get_bloginfo('url'); ?>\/blog\/page\/9999999999\/',
        'yqhoro_load_more': 'More Posts',
        'yqhoro_loading': 'Loading',
      };
      /* ]]> */
    </script>


</div>

<?php get_footer('blog'); ?>