<footer class="bg-body-tertiary mt-auto">
    <div class="container py-5">
        <div class="row">
            <div class="col-md-6">
                <h5 class="fw-bold">{{ site.name }}</h5>
                <p class="text-body-secondary">{{ site.description }}</p>
            </div>
            <div class="col-md-6 text-md-end">
                {% if footer_menu|length > 0 %}
                    <nav aria-label="{{ __('Footer navigation') }}">
                        <ul class="list-unstyled">
                        {% for item in footer_menu %}
                            <li>
                                <a href="{{ item.url }}" class="text-body-secondary text-decoration-none">
                                    {{ item.title }}
                                </a>
                            </li>
                        {% endfor %}
                        </ul>
                    </nav>
                {% endif %}
            </div>
        </div>
        <hr>
        <div class="row align-items-center">
            <div class="col-md-6">
                <p class="text-body-secondary small mb-0">&copy; {{ current_year }} {{ site.name }}</p>
            </div>
            <div class="col-md-6 text-md-end">
                <p class="text-body-secondary small mb-0">
                    {{ __('Powered by %s')|format('<a href="https://wordpress.org" rel="nofollow" class="text-body-secondary">WordPress</a>')|raw }}
                </p>
            </div>
        </div>
    </div>
</footer>
