<footer>
    <section class="footer-sec">
        <div class="container custom-container">
            <div class="footer-row d-flex">
                <div class="f-col-1">
                    <div class="f-logo-block">
                        <a class="f-logo" href="#"><img src="<?php echo get_template_directory_uri(); ?>/img/footer-logo.svg" alt="footer-logo"></a>
                        <p><b>Triad Cyber Academy</b> is where cybersecurity professionals are forged—not just trained. Backed by the real-world experience of military veterans and cybersecurity experts, we empower individuals and organizations to master the frameworks, tools, and mindset needed to defend against modern threats. Whether you're advancing your career or strengthening your team's readiness, we're here to elevate your cyber resilience.</p>
                        <p>Ready to sharpen your edge? Join the Academy where resilience is forged.</p>
                    </div>
                   
                </div>
                <div class="f-col-2">
                    <div class="det-info-wrapper d-flex">
                       
                        <div class="det-info-card">
                            <h4><img src="<?php echo get_template_directory_uri(); ?>/img/f-phone.svg" alt="phone"> Phone Number</h4>
                            <p><a href="tel:+281.402.6711" class="mail-link">281.402.6711</a></p>
                        </div>
                    </div>
                </div>
                <div class="f-col-3">
                    
                    <div class="det-info-wrapper d-flex">
                        <div class="det-info-card">
                            <h4><img src="<?php echo get_template_directory_uri(); ?>/img/f-mail.svg" alt="f-loc">Email Address</h4>
                            <p> <a href="mailto:" mailto:class="mail-link">getcertified@triadcyberacademy.io</a></p>
                        </div>
                     
                    </div>
                   
                </div>
                <div class="f-col-3">
                    
                    <div class="det-info-wrapper d-flex">
                        <div class="det-info-card">
                            <h4><img src="<?php echo get_template_directory_uri(); ?>/img/f-loc.svg" alt="f-loc"> Corporate Address</h4>
                            <p>1 Riverway Drive <br>Suite 1700 
                                <br>Houston, TX 77056</p>
                        </div>
                      
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="copyright-sec">
        <div class="container custom-container">
            <div class="copyright-wrapper d-flex">
                <p>Copyright 2025 TRIAD Cyber Academy | All Rights Reserved | <a target="_blank" class="copyright-link" href="<?php echo get_template_directory_uri(); ?>/Triad-Privacy-Policy.pdf">Privacy Policy</a></p>
                <div class="f-soc-block d-flex">
                    <!-- <a href="#" class="f-soc">
                        <img src="<?php echo get_template_directory_uri(); ?>/img/f-soc-1.svg" alt="f-soc-1">
                    </a> -->
                    <a href="https://www.youtube.com/@Triad_InfosecYouTube" class="f-soc" target="_blank">
                        <img src="<?php echo get_template_directory_uri(); ?>/img/f-soc-2.svg" alt="f-soc-2">
                    </a>
                    <a href="https://www.instagram.com/triadinfosec/" class="f-soc" target="_blank">
                        <img src="<?php echo get_template_directory_uri(); ?>/img/f-soc-3.svg" alt="f-soc-3">
                    </a>
                    <a href="https://www.facebook.com/profile.php?id=61552751872926" class="f-soc" target="_blank">
                        <img src="<?php echo get_template_directory_uri(); ?>/img/f-soc-4.svg" alt="f-soc-4">
                    </a>
                    <a href="https://www.linkedin.com/company/triad-info-sec-llc/" class="f-soc" target="_blank">
                        <img src="<?php echo get_template_directory_uri(); ?>/img/f-soc-5.svg" alt="f-soc-5">
                    </a>
                    <a href="https://x.com/triad_infosec" class="f-soc"  target="_blank">
                        <img src="<?php echo get_template_directory_uri(); ?>/img/f-soc-6.svg" alt="f-soc-6">
                    </a>
                </div>
            </div>
        </div>
    </section>
</footer>


<!-- Corrected jQuery & Bootstrap Script -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.3/js/bootstrap.bundle.min.js"
        integrity="sha512-7Pi/otdlbbCR+LnW+F7PwFcSDJOuUJB3OxtEHbg4vSMvzvJjde4Po1v4BR9Gdc9aXNUNFVUY+SK51wWT8WF0Gg=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>

        <!-- Slick JS -->
        <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>

<script>
 $(document).ready(function () {
    let video = $("#video")[0]; 
    let playButton = $("#playButton");

 
    playButton.click(function () {
        if (video.paused) {
            video.play();
            $(this).fadeOut(); 
        }
    });

  
    $("#video").click(function () {
        if (!video.paused) {
            video.pause();
            playButton.fadeIn(); 
        }
    });
});

</script>

<script>
    $(document).ready(function () {
        $('.logo-slider').slick({
            slidesToShow: 7,
            slidesToScroll: 1,
            autoplay: true,
            autoplaySpeed: 3000,
            dots: false,
            arrows: false,
            Infinity: true,
            responsive: [
                {
                    breakpoint: 1199,
                    settings: {
                        slidesToShow: 5,
                    }
                },
                {
                    breakpoint: 579,
                    settings: {
                        slidesToShow: 4,
                    }
                },
                {
                    breakpoint: 479,
                    settings: {
                        slidesToShow: 3,
                    }
                }
            ],
        });

    });
    window.addEventListener("scroll", function () {
  const header = document.querySelector(".header");
  if (window.scrollY > 50) {
    header.classList.add("bgColor");
  } else {
    header.classList.remove("bgColor");
  }
});
jQuery(document).ready(function($) {
        function updateActiveClass() {
            var currentUrl = window.location.href;

            // Remove 'active' from all items
            $('.nav-item').removeClass('active'); 

            // Check if it's an 'available_courses' archive or single post
            <?php if (is_post_type_archive('available_courses') || is_singular('available_courses')): ?>
                $('.nav-item.available-courses-link').addClass('active');
            <?php endif; ?>

            // Check if URL contains '#avilableCourse'
            if (currentUrl.includes('#avilableCourse')) {
                $('.nav-item.available-courses-link').addClass('active');
            }
        }

        // Run on page load
        updateActiveClass();

        // Add click event listener for immediate update
        $('.nav-link').on('click', function() {
            $('.nav-item').removeClass('active');
            $(this).parent().addClass('active');
        });

        // Update when the hash changes (scroll to sections)
        $(window).on('hashchange', updateActiveClass);
    });
    
</script>
<?php wp_footer(); ?>
</body>

</html>