{# Footer Sport Stats #}
<footer class="footer-sport-stats">
    <div class="container">
        <div class="footer-grid">
            <div class="footer-col">
                <h4>{{ site.name }}</h4>
                {% if site.description %}<p>{{ site.description }}</p>{% endif %}
            </div>
            <div class="footer-col">
                <h4>Pages</h4>
                <ul>
                    {% set siteName = site.internalName|param(app.request.server.get('REQUEST_URI')) %}
                    {% for pageFooter in site.pages|filter(v => v.displayMenuFooter)|sort((a, b) => a.menuFooterOrder <=> b.menuFooterOrder) %}
                        {% set param = siteName|merge({'name':pageFooter.nameMenuUrl}) %}
                        <li><a href="{{ path('page'|route(app.request.server.get('REQUEST_URI')), param) }}">{{ pageFooter.nameMenu }}</a></li>
                    {% endfor %}
                </ul>
            </div>
            {% if config.showSocial and site.hasOneSocialLink() %}
            <div class="footer-col">
                <h4>Suivez-nous</h4>
                <div class="social-icons">
                    {% if site.facebook %}<a href="{{ site.facebook }}" target="_blank"><i class="si-icon-facebook"></i></a>{% endif %}
                    {% if site.twitter %}<a href="{{ site.twitter }}" target="_blank"><i class="si-icon-twitter"></i></a>{% endif %}
                    {% if site.instagram %}<a href="{{ site.instagram }}" target="_blank"><i class="si-icon-instagram"></i></a>{% endif %}
                </div>
            </div>
            {% endif %}
        </div>
        <div class="footer-bottom">
            <p>© {{ 'now'|date('Y') }} {{ site.name }}. Tous droits réservés. Propulsé par <a href="https://www.izibrick.com" target="_blank">Izibrick</a></p>
        </div>
    </div>
</footer>

<style>
/* Footer moderne harmonisé avec le header */
.footer-sport-stats{
    background:var(--color-surface,#f8fafc);
    color:var(--color-text,#1e293b);
    padding:3rem 0 1rem;
    border-top:1px solid var(--color-border,#e2e8f0);
    box-shadow:0 -2px 10px rgba(0,0,0,0.03)
}
.footer-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:2rem;
    margin-bottom:2rem
}
.footer-col h4{
    margin-bottom:1rem;
    font-weight:700;
    color:var(--color-text,#1e293b);
    font-family:var(--font-heading,'Playfair Display',Georgia,serif);
    position:relative;
    padding-bottom:0.5rem
}
.footer-col h4::after{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    width:40px;
    height:3px;
    background:var(--primary-color);
    border-radius:2px
}
.footer-col ul{
    list-style:none;
    padding:0
}
.footer-col li{
    margin-bottom:0.5rem
}
.footer-col p{
    color:var(--color-text-light,#64748b);
    line-height:1.6
}
.footer-col a{
    color:var(--color-text-light,#64748b);
    text-decoration:none;
    transition:all 0.3s ease
}
.footer-col a:hover{
    color:var(--primary-color);
    padding-left:4px
}
.social-icons{
    display:flex;
    gap:0.75rem
}
.social-icons a{
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--color-surface,#f8fafc);
    color:var(--primary-color);
    border-radius:50%;
    transition:all 0.3s ease;
    border:2px solid transparent
}
.social-icons a:hover{
    background:var(--primary-color);
    color:#ffffff;
    transform:translateY(-3px);
    box-shadow:0 4px 12px rgba(102,126,234,0.3)
}
.footer-bottom{
    text-align:center;
    padding-top:1.5rem;
    border-top:1px solid var(--color-border,#e2e8f0);
    color:var(--color-text-light,#64748b);
    font-size:0.9rem
}
.footer-bottom a{
    color:var(--primary-color);
    text-decoration:none;
    font-weight:600;
    transition:all 0.3s ease
}
.footer-bottom a:hover{
    color:var(--color-secondary,#764ba2);
    text-decoration:underline
}
@media (max-width:768px){
    .footer-sport-stats{padding:2rem 0 1rem}
    .footer-grid{grid-template-columns:1fr}
}
</style>