{% extends "nbsplogin/base.html" %}

{% block title %}Login{% endblock %}

{% block content %}
<div class="container">
    <h2>Login</h2>
    <div class="row justify-content-center">
        {% for provider_name, provider in providers.items() %}
        <div class="col-md-4">
            <div class="card mb-3">
                <div class="card-body text-center">
                    <a href="{{ url_for('nbsplogin.auth', provider=provider_name) }}" class="btn btn-outline-primary btn-block {{ 'disabled' if not provider.get('active', True) }}">
                        <i class="{{ provider.get('fa', 'fas fa-sign-in-alt') }}"></i> {{ provider.get('text', 'Login with ' + provider_name|title) }}
                    </a>
                </div>
            </div>
        </div>
        {% else %}
        <div class="col-md-12">
            <div class="alert alert-warning" role="alert">
                No login providers configured.
            </div>
        </div>
        {% endfor %}
    </div>

</div>
{% endblock %}