<?php get_header(); ?>

<article class="single-tour">
    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
        
        <!-- Tour Hero -->
        <section class="tour-hero">
            <?php if (has_post_thumbnail()) : ?>
                <div class="tour-hero-image">
                    <?php the_post_thumbnail('full'); ?>
                </div>
            <?php endif; ?>
            <div class="tour-hero-content">
                <div class="container">
                    <div class="tour-category"><?php echo esc_html(get_post_meta(get_the_ID(), '_tour_category', true)); ?></div>
                    <h1><?php the_title(); ?></h1>
                    <div class="tour-meta">
                        <div class="tour-duration">
                            <i class="far fa-clock"></i>
                            <?php echo esc_html(get_post_meta(get_the_ID(), '_tour_duration', true)); ?>
                        </div>
                        <div class="tour-distance">
                            <i class="fas fa-route"></i>
                            <?php echo esc_html(get_post_meta(get_the_ID(), '_tour_distance', true)); ?>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Tour Content -->
        <section class="tour-content">
            <div class="container">
                <div class="tour-description">
                    <?php the_content(); ?>
                </div>

                <?php if (get_post_meta(get_the_ID(), '_tour_highlights', true)) : ?>
                <div class="tour-highlights">
                    <h2>Highlights</h2>
                    <ul>
                        <?php
                        $highlights = get_post_meta(get_the_ID(), '_tour_highlights', true);
                        foreach ($highlights as $highlight) {
                            echo '<li>' . esc_html($highlight) . '</li>';
                        }
                        ?>
                    </ul>
                </div>
                <?php endif; ?>

                <?php if (get_post_meta(get_the_ID(), '_tour_inclusions', true)) : ?>
                <div class="tour-inclusions">
                    <h2>What's Included</h2>
                    <ul>
                        <?php
                        $inclusions = get_post_meta(get_the_ID(), '_tour_inclusions', true);
                        foreach ($inclusions as $inclusion) {
                            echo '<li>' . esc_html($inclusion) . '</li>';
                        }
                        ?>
                    </ul>
                </div>
                <?php endif; ?>

                <div class="tour-cta">
                    <a href="#" class="btn-book">Book This Tour</a>
                    <a href="#" class="btn-contact">Contact Us</a>
                </div>
            </div>
        </section>

    <?php endwhile; endif; ?>
</article>

<?php get_footer(); ?> 