<?php
/*
Template Name: Single Local Vacancies Template
*/
get_header(); 
?>

<?php get_template_part('template-parts/content', 'google-ads-top'); ?>


<section class="mid-content-wrap">
    <div class="container">
        <div class="row">
            <div class="col-md-9 mid-pad-ziro">
                <!-- Single Local Vacancies Content -->
                <div class="mid-home-slider-wrap mid-inner-news">
                    <div class="mid-home-slider-inner">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="mid-inner-content-wrap">
                                    <?php
                                    if (have_posts()) :
                                        while (have_posts()) : the_post(); ?>
                                            <h1><?php the_title(); ?></h1>
                                            <p><span><b><?php echo get_the_date('M j, Y'); ?> | <?php echo get_the_time('g:i a'); ?></b></span></p>
                                            <div class="post_content_wrap">
                                                <?php 
                                                $content = get_the_content(); // Get the raw post content.
                                                $content = preg_replace('/style="[^"]*"/', '', $content); // Remove inline styles.
                                                echo apply_filters('the_content', $content); // Apply WordPress content filters.
                                                ?>
                                            </div>
                                            <?php if (has_post_thumbnail()) : ?>
                                                <?php the_post_thumbnail('full', ['class' => 'img-fluid']); // No link around the image ?>
                                            <?php endif; ?>
                                        <?php endwhile;
                                    endif; ?>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- End of Single Local Vacancies Content -->
            </div>

            <div class="col-md-3 mid-pad--right-ziro">
                <div class="mid-home-sidebar-wrap">
                    <?php get_template_part('template-parts/content', 'google-ads-right'); ?>
                    <div class="mid-fb-feed mid-news-side-fb-feed">
                        <img src="images/facebook-feed.jpg" alt="" class="img-fluid">
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="mid-content-wrap" style="margin-top: 0;">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <!-- Local Vacancies Slider Start -->
                <div class="mid-home-slider-wrap mid-pad--right-ziro">
                    <div class="mid-title-wrap">
                        <h3>More Local Vacancies</h3>
                    </div>
                    <div class="mid-home-slider-inner">
                        <div class="owl-carousel owl-theme">
                            <?php
                            // Query for more local vacancies articles
                            $args = array(
                                'post_type' => 'local-vacancies', 
                                'posts_per_page' => 5,
                                'post__not_in' => array(get_the_ID()), // Exclude the current post
                            );
                            $more_vacancies_query = new WP_Query($args);
                            if ($more_vacancies_query->have_posts()) :
                                while ($more_vacancies_query->have_posts()) : $more_vacancies_query->the_post(); ?>
                                    <div class="item">
                                        <div class="card">
                                            <?php if (has_post_thumbnail()) : ?>
                                                <a href="<?php the_permalink(); ?>"> <!-- Link wrapping the image in the More Local Vacancies section -->
                                                    <?php the_post_thumbnail('card-img-top', ['class' => 'img-fluid']); ?>
                                                </a>
                                            <?php endif; ?>
                                            <div class="card-body">
                                                <span><b><?php echo get_the_date('M j, Y'); ?>  |</b> <?php echo get_the_time('g:i a'); ?></span>
                                                <h4 class="card-title">
                                                    <a href="<?php the_permalink(); ?>"> <!-- Link wrapping the title -->
                                                        <?php the_title(); ?>
                                                    </a>
                                                </h4>
                                                <p class="card-text"><?php echo wp_trim_words(get_the_excerpt(), 20); ?></p>
                                                <a href="<?php the_permalink(); ?>" class="btn btn-primary mid-read-more-btn">read more <i class="fa-solid fa-plus"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                <?php endwhile;
                            endif;
                            wp_reset_postdata(); ?>
                        </div>
                    </div>
                </div>
                <!-- Local Vacancies Slider End -->
            </div>
        </div>
    </div>
</section>

<?php get_template_part('template-parts/content', 'google-ads-bottom'); ?>

<?php get_footer('inner'); ?>