<?php
/**
 * Theme Section 2
 *
 * @package Moonlit Dark
 */

// All function code and function definitions go here...

$moonlit_dark_section_one = get_theme_mod('moonlit_dark_section1_enable');
if ('Disable' === $moonlit_dark_section_one) {
    return;
}
?>

<section id="section1" class="featured-posts">
    <div class="container">
        <div class="section-heading-main">
            <?php if ($title = get_theme_mod('moonlit_dark_section1_title')) : ?>
                <h3><?php echo esc_html($title); ?></h3>
            <?php endif; ?>
        </div>
        <div class="row">
            <?php
            // Define the query to get the latest posts from the "Features" category
            $args = array(
                'category_name' => get_theme_mod('moonlit_dark_section1_category'),
                'posts_per_page' => get_theme_mod('moonlit_dark_section1_category_number_of_posts_setting'),
                'order' => 'DESC'
            );

            $query = new WP_Query($args);

            // Loop through the posts
            while ($query->have_posts()) : $query->the_post();
            ?>
                <div class="col-lg-4 col-md-4 col-sm-12">
                    <div class="post">
                        <?php if (has_post_thumbnail()) : ?>
                            <div class="post-thumbnail">
                                <a href="<?php the_permalink(); ?>">
                                    <?php the_post_thumbnail(); ?>
                                </a>
                            </div>
                        <?php endif; ?>

                        <?php if (get_theme_mod('moonlit_dark_post_meta_toggle_switch_control', true)) : ?>
                            <div class="sec2-meta">
                                <span><?php echo esc_html(get_the_date()); ?></span>
                                <span class="separator">|</span>
                                <span><?php echo esc_html(get_the_author()); ?></span>
                            </div>
                        <?php endif; ?>

                        <h2 class="post-title">
                            <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
                        </h2>

                        <div class="latest-content">
                            <?php the_content(); // Consider using the_excerpt() for a shorter display ?>
                        </div>

                        <?php if (get_theme_mod('moonlit_dark_post_readmore_toggle_switch_control', true)) : ?>
                            <div class="readmore-latest">
                                <a href="<?php the_permalink(); ?>"><?php esc_html_e('Read More', 'moonlit-dark'); ?></a>
                            </div>
                        <?php endif; ?>
                    </div>
                </div>
            <?php endwhile; wp_reset_postdata(); ?>
        </div>
    </div>
</section>
