<?php get_header(); ?>

<section class="health-detail-page">
    <div class="container">
        <div class="health-layout">

            <!-- LEFT SIDEBAR -->
            <aside class="health-sidebar">
                <h3>Health Topics</h3>

                <?php
                $topics = new WP_Query(array(
                    'post_type'      => 'health-topics',
                    'post_status'    => 'publish',
                    'posts_per_page' => -1,
                    'orderby'        => 'title',
                    'order'          => 'ASC',
                ));

                if ($topics->have_posts()) :
                    echo '<ul class="health-topic-list">';
                    while ($topics->have_posts()) : $topics->the_post();
                        $active_class = get_the_ID() == get_queried_object_id() ? 'active' : '';
                        ?>
                        <li class="<?php echo esc_attr($active_class); ?>">
                            <a href="<?php the_permalink(); ?>">
                                <?php the_title(); ?>
                            </a>
                        </li>
                        <?php
                    endwhile;
                    echo '</ul>';
                    wp_reset_postdata();
                endif;
                ?>
            </aside>

            <!-- MAIN CONTENT -->
            <main class="health-content">

                    <div class="breadcrumb-area">
                        <a href="<?php echo esc_url(home_url('/')); ?>">Home</a>
                        <span>/</span>
                        <a href="<?php echo esc_url(get_post_type_archive_link('health-topic')); ?>">Health Topics</a>
                        <span>/</span>
                        <strong><?php the_title(); ?></strong>
                    </div>

                    <h1><?php the_title(); ?></h1>

                    <?php if (has_post_thumbnail()) : ?>
                        <div class="health-featured-image">
                            <?php the_post_thumbnail('large'); ?>
                        </div>
                    <?php endif; ?>

                    <div class="health-post-content">
                        <?php the_content(); ?>
                    </div>
            </main>


        </div>
    </div>
</section>

<?php get_footer(); ?>