<?php
$ntActive = isset($ntActive) ? $ntActive : '';
?>
<div class="nt-site-top">
    <div class="nt-marquee" aria-label="Site announcement">
        <span class="nt-marquee-text">Welcome to the home of the NaTIS. Powered by the RTMC</span>
    </div>

    <div class="nt-header">
        <div class="nt-brand">
            <a href="home.php" class="nt-brand-logo">
                <img src="assets/img/NaTIS%20logo.png" alt="NaTIS — National Traffic Information System" />
            </a>
        </div>
        <div class="nt-contact">
            <h3>Talk to us</h3>
            <p>0861 762 847 (08617NaTIS) | <a href="mailto:onlinesupport@rtmc.co.za">onlinesupport@rtmc.co.za</a></p>
        </div>
    </div>

    <div class="nt-nav-wrap">
        <nav class="nt-nav">
            <a href="home.php" class="<?= $ntActive === 'home' ? 'nt-active' : '' ?>">Home</a>
            <a href="about.php" class="<?= $ntActive === 'news' ? 'nt-active' : '' ?>">News</a>
            <a href="services.php" class="nt-caret">Downloads</a>
            <a href="support.php" class="<?= $ntActive === 'faq' ? 'nt-active' : '' ?>">FAQs</a>
            <a href="about.php" class="nt-caret">Statistics</a>
            <a href="contact.php" class="<?= $ntActive === 'where' ? 'nt-active' : '' ?>">Where to go</a>
            <a href="login.php" class="<?= $ntActive === 'online' ? 'nt-active' : '' ?>">Online services</a>
            <a href="contact.php" class="nt-caret">Get in touch</a>
        </nav>
    </div>
</div>
