<?php get_header(); ?>

<div class="container py-5">

    <div class="row">

        <!-- Left Section -->
        <div class="col-lg-8">

            <!-- Breadcrumb -->
            <nav aria-label="breadcrumb">

                <ol class="breadcrumb">

                    <li class="breadcrumb-item">
                        <a href="<?php echo home_url(); ?>">Home</a>
                    </li>

                    <li class="breadcrumb-item">
                        <a href="<?php echo get_permalink( get_option('page_for_posts') ); ?>">
                            Blog
                        </a>
                    </li>

                    <li class="breadcrumb-item active">
                        <?php the_title(); ?>
                    </li>

                </ol>

            </nav>

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

                <h1 class="mb-3"><?php the_title(); ?></h1>

                <p class="text-muted">

                    <?php echo get_the_date(); ?>

                    |

                    <?php the_author(); ?>

                </p>

                <?php if(has_post_thumbnail()) { ?>

                    <?php the_post_thumbnail('large',['class'=>'img-fluid mb-4']); ?>

                <?php } ?>

                <?php the_content(); ?>

            <?php endwhile; ?>

        </div>

        <!-- Right Sidebar -->

        <div class="col-lg-4">

            <h4 class="mb-3">Latest Posts</h4>

            <?php

            $latest = new WP_Query(array(

                'post_type' => 'post',

                'posts_per_page' => 5,

                'post__not_in' => array(get_the_ID())

            ));

            if($latest->have_posts()) :

                while($latest->have_posts()) :

                    $latest->the_post();

            ?>

                <div class="mb-4 border-bottom pb-3">

                    <?php if(has_post_thumbnail()) { ?>

                        <a href="<?php the_permalink(); ?>">

                            <?php the_post_thumbnail('thumbnail',['class'=>'img-fluid mb-2']); ?>

                        </a>

                    <?php } ?>

                    <h6>

                        <a href="<?php the_permalink(); ?>">

                            <?php the_title(); ?>

                        </a>

                    </h6>

                    <small><?php echo get_the_date(); ?></small>

                </div>

            <?php

                endwhile;

                wp_reset_postdata();

            endif;

            ?>

        </div>

    </div>

</div>

<?php get_footer(); ?>