<?php

/**
 * The template for displaying the footer
 *
 * Contains the closing of the #content div and all content after.
 *
 * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
 *
 * @package WordPress
 * @subpackage Twenty_Twenty_One
 * @since Twenty Twenty-One 1.0
 */
?>
<style>
    /* Accessibility Fixes: Touch Targets & Contrast */
    .page-custom-link {
        padding: 10px 5px !important;
        display: inline-block !important;
        text-decoration: none !important;
        color: #ffffff !important;
        opacity: 0.95 !important;
    }

    .footer-description,
    .footer-description * {
        color: rgba(255, 255, 255, 0.85) !important;
    }

    .footer-description a {
        text-decoration: none !important;
        color: #ffffff !important;
        opacity: 0.95 !important;
    }
</style>
<footer class="footer bg-black">
    <div class="container">
        <?php
        $footer_logo     = get_field('footer_logo', 'option');
        $copyright_text     = get_field('copyright_text', 'option');

        $twitter_url       = get_field('twitter_url', 'option');
        $youtube_url       = get_field('youtube_url', 'option');
        $instagram_url    = get_field('instagram_url', 'option');
        $mail_url    = get_field('mail_url', 'option');
        $skype_url    = get_field('skype_url', 'option');
        $linkedin_url    = get_field('linkedin_url', 'option');

        ?>
        <div class="font-22 text-white mb-2">
            Featured links
        </div>
        <div class="d-flex align-items-center justify-content-between flex-wrap">
            <?php $select_footer_menus = get_field('select_footer_menu', 'option'); ?>
            <div class="d-flex flex-wrap">
                <?php foreach ($select_footer_menus as $select_footer_menu) { ?>
                    <a href="<?php echo $select_footer_menu['menu_name']['url']; ?>" class="font-16 page-custom-link"><?php echo $select_footer_menu['menu_name']['title']; ?></a>
                <?php } ?>
            </div>

            <div class="d-flex mt-3 mt-md-0">
                <?php if ($twitter_url) { ?>
                    <a target="_blank" href="<?php echo $twitter_url; ?>"
                        class="social-link d-flex align-items-center justify-content-center me-2">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/twitter.svg" alt="twitter"
                            width="16" height="15" />
                    </a>
                <?php }
                if ($youtube_url) { ?>
                    <a target="_blank" href="<?php echo $youtube_url; ?>"
                        class="social-link d-flex align-items-center justify-content-center me-2">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/youtube.svg" alt="youtube" width="20" height="15" />
                    </a>
                <?php }
                if ($instagram_url) { ?>
                    <a target="_blank" href="<?php echo $instagram_url; ?>"
                        class="social-link d-flex align-items-center justify-content-center me-2">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/instagram.svg" alt="instagram"
                            width="17" height="17" />
                    </a>
                <?php }
                if ($mail_url) { ?>
                    <a target="_blank" href="mailto:<?php echo $mail_url; ?>"
                        class="social-link d-flex align-items-center justify-content-center me-2">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/mail.svg" alt="mail"
                            width="17" height="17" />
                    </a>
                <?php }
                if ($skype_url) { ?>
                    <a target="_blank" href="<?php echo $skype_url; ?>"
                        class="social-link d-flex align-items-center justify-content-center me-2">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/skype.svg" alt="skype"
                            width="17" height="17" />
                    </a>
                <?php }
                if ($linkedin_url) { ?>
                    <a target="_blank" href="<?php echo $linkedin_url; ?>"
                        class="social-link d-flex align-items-center justify-content-center me-2">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/linkedin.svg" alt="linkedin"
                            width="17" height="17" />
                    </a>
                <?php } ?>
            </div>
        </div>
        <div class="d-flex align-items-center justify-content-between flex-wrap footer-bottom">
            <div class="font-14 footer-description"><?php echo get_field('support_text', 'option'); ?></div>
            <p class="font-14 footer-copyright">&copy; <?php echo date('Y'); ?> <?php echo bloginfo('name'); ?></p>
        </div>
    </div>
</footer>
</main>
<script>
    // Ensure AOS initializes after all scripts (including deferred ones) are loaded
    window.addEventListener('load', function() {
        if (typeof AOS !== 'undefined') {
            AOS.init({
                once: true,
                duration: 400,
                easing: 'ease-out-quad',
            });
        }
    });

    // Global Contact Form 7 Handlers
    jQuery(document).on('keyup', '#email', function() {
        jQuery(this).parent().find('.wpcf7-not-valid-tip').remove();
    });

    document.addEventListener('wpcf7mailsent', function() {
        window.location.href = '/thank-you/';
    }, false);
</script>
<?php wp_footer(); ?>
<!-- Calendly link widget begin -->
<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet" media="print" onload="this.media='all'">
<script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script>
</body>

</html>