<?php
$footer_logo = get_field('footer_logo', 'option');
$footer_title = get_field('footer_title', 'option');
$footer_description = get_field('footer_description', 'option');
$copilot_text = get_field('copilot_text', 'option');
$x_logo_link = get_field('x_logo_link', 'option');
$linkedin_link = get_field('linkedin_link', 'option');
$youtube_link = get_field('youtube_link', 'option');
$copyright_text = get_field('copyright_text', 'option');
$footer_links = get_field('footer_links', 'option');
?>

<!-- Scroll to Top Button -->
<button class="hidden fixed left-1/2 transform -translate-x-1/2 bottom-8 md:bottom-12 z-10 bg-black/20 hover:bg-black/40 backdrop-blur-sm text-white p-3 rounded-full shadow-lg transition-all duration-300 hover:scale-110 hover:shadow-xl flex items-center justify-center animate-float" aria-label="Scroll to top">
    <svg class="w-5 h-5 md:w-6 md:h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18"></path>
    </svg>
</button>
</main>
</div>
<section class="py-2 px-4 sm:px-6 lg:px-8 relative overflow-hidden">
    <div class="max-w-7xl mx-auto relative z-10">
        <!-- Top Section - Logo and Social -->
        <div class="flex flex-row justify-between items-start md:items-center mb-2 sm:mb-4">
            <!-- Left - Logo -->
            <div class="flex items-center mb-4 md:mb-0">
                <a href="<?php echo site_url(); ?>" class="relative">
                    <img src="<?php echo $footer_logo['url']; ?>" alt="LaraCopilot" class="h-8" />
                </a>
            </div>
            <!-- Right - Social Media Icons -->
            <div class="flex items-center space-x-4">
                <?php if ($x_logo_link) { ?>
                    <a href="<?php echo $x_logo_link; ?>" target="_blank" rel="noopener" class="">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/welcome/x.png" alt="Twitter" class="w-10 h-10" />
                    </a>
                <?php }
                if ($linkedin_link) { ?>
                    <a href="<?php echo $linkedin_link; ?>" target="_blank" rel="noopener" class="">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/welcome/linkedin.png" alt="LinkedIn" class="w-10 h-10" />
                    </a>
                <?php }
                if ($youtube_link) { ?>
                    <a href="<?php echo $youtube_link; ?>" target="_blank" rel="noopener" class="">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/welcome/youtube.png" alt="YouTube" class="w-10 h-10" />
                    </a>
                <?php } ?>
            </div>
        </div>

        <!-- Horizontal Separator Line -->
        <div class="w-full h-px bg-white/20 mb-8"></div>

        <!-- Sponsor Info -->
        <div class="flex flex-col md:flex-row justify-between items-start md:items-center mb-6 sm:mb-12">
            <div class="mb-6 md:mb-0">
                <div class="text-white font-bold text-lg mb-2 text-center sm:text-left">
                    <?php echo $footer_title; ?>
                </div>
                <div class="text-white/70 text-sm text-center sm:text-left">
                    <?php echo $footer_description; ?>
                </div>
            </div>
        </div>

        <!-- Large LARACOPILOT Text Below Content -->
        <div class="flex justify-center items-center -mb-4 sm:-mb-8">
            <div class="text-white/10 font-bold tracking-wider select-none footer-copilot-text">
                <?php echo $copilot_text; ?>
            </div>
        </div>
    </div>
</section>
<!-- Footer -->
<footer class="py-6 px-4 sm:px-6 lg:px-8 relative overflow-hidden border-t border-white/10 border-b-2 border-b-red-500">
    <div class="max-w-7xl mx-auto relative z-10">
        <div class="flex flex-col md:flex-row justify-between items-center">
            <!-- Left side - Copyright -->
            <div class="text-white/70 text-sm mb-4 md:mb-0">
                <?php echo $copyright_text; ?>
            </div>

            <!-- Right side - Navigation links -->
            <div class="flex items-center space-x-8 text-white/70 text-sm">
                <?php
                foreach ($footer_links as $link) {
                    $link_title = $link['link_title'];
                    $privacy_url = $link['privacy_url'];
                    if ($link_title && $privacy_url) { ?>
                        <a href="<?php echo $privacy_url; ?>" class="hover:text-white transition-colors duration-200"><?php echo $link_title; ?></a>
                <?php
                    }
                }
                ?>
            </div>
        </div>
    </div>
</footer>

<!-- Zoho SalesIQ -->
<script>window.$zoho=window.$zoho || {};$zoho.salesiq=$zoho.salesiq||{ready:function(){}}</script>
<script id="zsiqscript" src="https://salesiq.zohopublic.in/widget?wc=siq3028b37a1aefa6e2250f43f1b9a387d98f18002636f154e12a7471380933dcf8" defer></script>

<?php wp_footer(); ?>
</body>
</html>