{% if oauth_providers is defined and oauth_providers|length > 0 %}
    <div class="mt-4 pt-3 border-top">
        <p class="text-center text-muted small mb-3">{{ 'storefront.oauth.or_continue'|trans }}</p>
        <div class="d-grid gap-2">
            {% for p in oauth_providers %}
                <a href="{{ path('storefront_oauth_connect', { slug: p.slug }) }}" class="btn btn-outline-secondary d-flex align-items-center justify-content-center gap-2">
                    {% if p.iconClass %}
                        <i class="bi {{ p.iconClass }}" aria-hidden="true"></i>
                    {% endif %}
                    <span>{{ 'storefront.oauth.continue_with'|trans({ '%name%': p.displayName }) }}</span>
                </a>
            {% endfor %}
        </div>
    </div>
{% endif %}