<?php
    global $lastBg;
    $lastBg = 'alt';

    get_header(); 

    $nextPost = get_previous_post();
?>

<div class="py-4">
    <div class="container">
        <div class="row">
            <div class="col-6">
                <a href="/news/" class="text-pink fw-bold"><i class="fa-solid fa-chevron-left"></i> Back to News</a>
            </div>
            <div class="col-6 text-end">
                <?php if($nextPost) { ?>
                    <a href="<?php echo get_permalink($nextPost); ?>" class="text-purple fw-bold">Next Article <i class="fa-solid fa-chevron-right"></i></a>
                <?php } ?>
            </div>
        </div>
    </div>
</div>

<?php //if(has_post_thumbnail()) { ?>
<section class="article-image container">
    <div class="row">
        <div class="col-12">
    <?php 
        $image = get_the_post_thumbnail_url(null, 'large');
        if(!$image) $image = wp_get_attachment_image_url(192, 'large');
        if($image) {
    ?>
            <img src="<?php echo $image; ?>">
        <?php } ?>
        </div>
    </div>
</section>
<?php //} ?>
<article>
    <div class="container mt-4 mb-3">
        <div class="row">
            <div class="col-12">
                <p class="text-pink mb-2 fw-bold fst-italic"><?php echo get_the_date('F j, Y'); ?></p>
                <h1 class="mb-3 text-purple fw-bold"><?php the_title(); ?></h1>
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                <?php the_content(); ?>
            </div>
        </div>
    </div>
</article>
<div class="mt-3 mb-4 pb-3">
    <div class="container">
        <div class="row">
            <div class="col-6">
                <a href="/news/" class="text-pink fw-bold"><i class="fa-solid fa-chevron-left"></i> Back to News</a>
            </div>
            <div class="col-6 text-end">
                <?php if($nextPost) { ?>
                    <a href="<?php echo get_permalink($nextPost); ?>" class="text-purple fw-bold">Next Article <i class="fa-solid fa-chevron-right"></i></a>
                <?php } ?>
            </div>
        </div>
    </div>
</div>
<div class="alt py-4">
    <div class="container py-3">
        <div class="row align-items-center mb-4">
            <div class="col-12 col-md-6">
                <h2 class="text-purple fw-bold mb-0">Other News</h2>
            </div>
            <div class="col-12 col-md-6 text-md-end">
                <a href="/news" class="text-purple fw-bold">View more</a>
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                <?php 
                global $post_type; 
                $post_type = 'post'; 
                include('elements/latest_posts.php'); 
                ?>
            </div>
        </div>
    </div>
</div>

<?php get_footer(); ?>