<!-- Footer -->
    <?php if ( is_front_page() ) : ?>
    <?php
    $site_name     = get_bloginfo( 'name' );
    $site_tagline  = get_bloginfo( 'description' );
    $posts_page_id = (int) get_option( 'page_for_posts' );
    $blog_url      = $posts_page_id ? get_permalink( $posts_page_id ) : home_url( '/blog' );
    $blog_label    = $posts_page_id ? get_the_title( $posts_page_id ) : __( 'Blog', 'wf-theme' );
    $shop_url      = function_exists( 'wc_get_page_permalink' ) ? wc_get_page_permalink( 'shop' ) : home_url( '/boutique' );
    ?>
    <footer id="colophon" class="wf-front-footer">
        <div class="wf-shell">
            <div class="wf-front-footer__grid">
                <div>
                    <div class="wf-front-footer__brand"><?php echo esc_html( $site_name ); ?></div>
                    <p class="wf-front-footer__text"><?php echo esc_html( $site_tagline ? $site_tagline : __( 'La precision au service de votre performance.', 'wf-theme' ) ); ?></p>
                    <div class="wf-front-footer__social">
                        <a href="<?php echo esc_url( home_url( '/' ) ); ?>" aria-label="<?php echo esc_attr( $site_name ); ?>">
                            <span class="material-symbols-outlined">public</span>
                        </a>
                        <a href="<?php echo esc_url( $blog_url ); ?>" aria-label="<?php echo esc_attr( $blog_label ); ?>">
                            <span class="material-symbols-outlined">share</span>
                        </a>
                    </div>
                </div>

                <div class="wf-front-footer__column">
                    <h4 class="wf-front-footer__title">Explorer</h4>
                    <ul>
                        <li><a href="<?php echo esc_url( wf_theme_front_page_term_link( 'category', 'programmes', '/category/programmes/' ) ); ?>">Programmes</a></li>
                        <li><a href="<?php echo esc_url( wf_theme_front_page_term_link( 'category', 'nutrition', '/category/nutrition/' ) ); ?>">Nutrition</a></li>
                        <li><a href="<?php echo esc_url( $blog_url ); ?>"><?php echo esc_html( $blog_label ); ?></a></li>
                        <li><a href="<?php echo esc_url( $shop_url ); ?>">Boutique</a></li>
                    </ul>
                </div>

                <div class="wf-front-footer__column">
                    <h4 class="wf-front-footer__title">Support</h4>
                    <ul>
                        <li><a href="<?php echo esc_url( home_url( '/mentions-legales/' ) ); ?>">Privacy Policy</a></li>
                        <li><a href="<?php echo esc_url( home_url( '/mentions-legales/' ) ); ?>">Terms of Service</a></li>
                        <li><a href="<?php echo esc_url( home_url( '/contact/' ) ); ?>">Contact Us</a></li>
                        <li><a href="<?php echo esc_url( home_url( '/contact/' ) ); ?>">Support</a></li>
                    </ul>
                </div>

                <div class="wf-front-footer__newsletter">
                    <h4 class="wf-front-footer__title">Newsletter</h4>
                    <p>Recevez des conseils exclusifs chaque semaine.</p>
                    <form class="wf-front-footer__newsletter-form" action="<?php echo esc_url( home_url( '/' ) ); ?>" method="get">
                        <input type="email" name="email" placeholder="Email" aria-label="Email" />
                        <button type="submit" aria-label="Envoyer">
                            <span class="material-symbols-outlined">send</span>
                        </button>
                    </form>
                </div>
            </div>

            <div class="wf-front-footer__bottom">
                <p>&copy; <?php echo date( 'Y' ); ?> <?php echo esc_html( $site_name ); ?>. <?php esc_html_e( 'Tous droits reserves.', 'wf-theme' ); ?></p>
            </div>
        </div>
    </footer>
    <?php else : ?>
    <footer id="colophon" class="bg-navy-light text-white py-16 border-t border-white/10 mt-auto">
        <div class="max-w-7xl mx-auto px-6 md:px-12">
            <div class="grid grid-cols-1 md:grid-cols-4 gap-12 mb-16">
                <div class="md:col-span-1">
                    <div class="font-serif text-2xl tracking-wider font-bold text-offwhite mb-6"><?php bloginfo('name'); ?></div>
                    <p class="text-sm text-white/85 mb-6 max-w-xs"><?php bloginfo('description'); ?></p>
                    <div class="flex gap-4">
                        <a href="<?php echo esc_url(home_url('/')); ?>" aria-label="<?php echo esc_attr( get_bloginfo('name') ); ?>" title="<?php echo esc_attr( get_bloginfo('name') ); ?>" class="hover:text-gold transition-colors block p-2"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 11.5 12 4l9 7.5"/><path d="M5 10v10h14V10"/></svg></a>
                    </div>
                </div>

                <div>
                    <h4 class="text-offwhite font-serif text-lg mb-4">Navigation</h4>
                    <ul class="space-y-3 text-sm text-white/90">
                        <li><a href="<?php echo esc_url(home_url('/')); ?>" class="hover:text-gold transition-colors">Accueil</a></li>
                        <li><a href="<?php echo esc_url(get_permalink(get_option('page_for_posts')) ?: home_url('/blog')); ?>" class="hover:text-gold transition-colors">Tous les articles</a></li>
                        <li><a href="<?php echo esc_url(home_url('/contact/')); ?>" class="hover:text-gold transition-colors">Contact</a></li>
                    </ul>
                </div>

                <div>
                    <h4 class="text-offwhite font-serif text-lg mb-4">Ressources</h4>
                    <ul class="space-y-3 text-sm text-white/90">
                        <li><a href="<?php echo esc_url(get_permalink(get_option('page_for_posts')) ?: home_url('/blog')); ?>" class="hover:text-gold transition-colors">Blog</a></li>
                        <li><a href="<?php echo esc_url(home_url('/mentions-legales/')); ?>" class="hover:text-gold transition-colors">Mentions légales</a></li>
                    </ul>
                </div>

                <div>
                    <h4 class="text-offwhite font-serif text-lg mb-4">À propos</h4>
                    <ul class="space-y-3 text-sm text-white/90">
                        <li><a href="<?php echo esc_url(home_url('/contact/')); ?>" class="hover:text-gold transition-colors">Contact</a></li>
                        <li><a href="<?php echo esc_url(home_url('/mentions-legales/')); ?>" class="hover:text-gold transition-colors">Mentions légales</a></li>
                        <li><a href="<?php echo esc_url(home_url('/blog/')); ?>" class="hover:text-gold transition-colors">Blog</a></li>
                    </ul>
                </div>
            </div>

            <div class="pt-8 border-t border-white/10 flex flex-col md:flex-row justify-between items-center gap-4 text-xs text-white/85">
                <p>&copy; <?php echo date('Y'); ?> <?php bloginfo('name'); ?>. Tous droits réservés.</p>
            </div>
        </div>
    </footer>
    <?php endif; ?>
</div><!-- #page -->
<?php wp_footer(); ?>
</body>
</html>