<footer class="bg-body-tertiary mt-auto">
    <div class="container py-5">
        <div class="row">
            <div class="col-lg-4 mb-4 mb-lg-0">
                <h5 class="fw-bold">{{ site.name }}</h5>
                <p class="text-body-secondary">{{ site.description }}</p>
                <p class="text-body-secondary small">{{ __('A modern WordPress theme built with Bootstrap 5.') }}</p>
            </div>
            <div class="col-lg-4 mb-4 mb-lg-0">
                <h5 class="fw-bold">{{ __('Navigation') }}</h5>
                {% if footer_menu|length > 0 %}
                    <nav aria-label="{{ __('Footer navigation') }}">
                        <ul class="list-unstyled">
                        {% for item in footer_menu %}
                            <li class="mb-1">
                                <a href="{{ item.url }}" class="text-body-secondary text-decoration-none">
                                    {{ item.title }}
                                </a>
                            </li>
                        {% endfor %}
                        </ul>
                    </nav>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <h5 class="fw-bold">{{ __('About') }}</h5>
                <p class="text-body-secondary small">
                    {{ __('This theme is proudly built with Bootstrap 5 and WordPress Full Site Editing.') }}
                </p>
            </div>
        </div>
        <hr class="my-4">
        <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>
