<!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /-->

<!-- wp:group {"tagName":"main","style":{"spacing":{"blockGap":"0","margin":{"top":"0"}}},"layout":{"type":"default"}} -->
<main class="wp-block-group" style="margin-top:0">
    <section class="blog-details pb-130">
        <div class="container">
            <div class="row gy-5">
                <!-- Blog Content -->
                <div class="col-lg-8 col-md-12">
                    <div class="blog-details-wrap">
                        <div class="blog-details-img">
                            <img src="<?php echo get_the_post_thumbnail_url(); ?>" alt="<?php the_title(); ?>"
                                loading="lazy">
                        </div>
                        <div class="blog-details-content-wrap">
                            <ul class="post-meta">
                                <li><i class="fa-sharp fa-regular fa-clock"></i>
                                    <?php echo get_the_date('d/m/Y H:i:s'); ?>
                                </li>
                                <li><i class="fa-light fa-user"></i>
                                    <?php the_author(); ?>
                                </li>
                            </ul>
                            <div class="blog-details-content">
                                <h2 class="details-title mb-25">
                                    <?php the_title(); ?>
                                </h2>
                                <p>
                                    <?php echo get_the_excerpt(); ?>
                                </p>
                                <p>
                                    <?php the_content(); ?>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Sidebar -->
                <div class="col-lg-4">
                    <div class="sidebar-widget">
                        <div class="search-box">
                            <form method="get" class="search-form" action="<?php echo esc_url(home_url('/')); ?>">
                                <input type="text" class="form-control" name="s" placeholder="Tìm kiếm...">
                            </form>
                        </div>
                    </div>
                    <div class="sidebar-widget sticky-widget">
                        <h3 class="widget-title">Nhật ký mới nhất</h3>
                        <?php
                        $recent_posts = wp_get_recent_posts(array(
                            'numberposts' => 3,
                            'post_status' => 'publish',
                        ));
                        foreach ($recent_posts as $post) :
                        ?>
                        <div class="sidebar-post">
                            <img src="<?php echo get_the_post_thumbnail_url($post['ID']); ?>"
                                alt="<?php echo esc_attr($post['post_title']); ?>" loading="lazy">
                            <div class="post-content">
                                <ul class="post-meta">
                                    <li><i class="fa-sharp fa-regular fa-clock"></i>
                                        <?php echo get_the_date('d/m/Y H:i:s', $post['ID']); ?>
                                    </li>
                                </ul>
                                <h3 class="title">
                                    <a href="<?php echo get_permalink($post['ID']); ?>">
                                        <?php echo esc_html($post['post_title']); ?>
                                    </a>
                                </h3>
                            </div>
                        </div>
                        <?php endforeach; wp_reset_query(); ?>
                    </div>
                </div>
            </div>
        </div>
    </section>
</main>
<!-- /wp:group -->

<!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer"} /-->