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

{% block title %}{{ _("Authorize") }} {{ application.name }}{% endblock %}

{% block content %}
    <div class="block-center" style="max-width: 400px; min-height: 85vh;" class="pa-6">
        <img src="{{ static('pingcap_sso/img/tidb-logo.svg') }}" class="d-block mx-auto mb-4">
        <h5 class="text-center ma-6">TiDB</h5>
        <p class="text-center" style="color: #454a59;">SQL at Scale</p>
        {% if not error %}
            <form id="authorizationForm" method="post" class="mt-5 px-4">
                <h5 class="block-center-heading">{{ _("Authorize") }} {{ application.name }} ?</h5>
                <input type="hidden" name="csrfmiddlewaretoken" value="{{ csrf_token }}">

                {% for field in form %}
                    {% if field.is_hidden %}
                        {{ field }}
                    {% endif %}
                {% endfor %}

                <p class="text-muted mb-1"><small>{{ _("Application requires following permissions") }}</small></p>
                <ul class="text-muted" style="padding-inline-start: 20px;">
                    {% for scope in scopes_descriptions %}
                        <li><small>{{ scope }}</small></li>
                    {% endfor %}
                    {% if application.name == "Loop" %}
                    <li><small>根据国家实名制要求，需要您授权获取<strong class="fw-bold">手机号码</strong></small></li>
                    {% endif %}
                </ul>

                {% if form.non_field_errors() %}
                    <div class="alert alert-danger" role="alert">
                        {{ form.non_field_errors() }}
                    </div>
                {% endif %}
                {% if form.errors %}
                    <div class="alert alert-danger" role="alert">
                        {{ form.errors }}
                    </div>
                {% endif %}

                <div class="control-group mt-4">
                    <div class="controls d-flex flex-justify-center">
                        <input type="submit" class="btn btn-success w-100" name="allow" value="{{ _("Authorize") }}"/>
                    </div>
                </div>
            </form>

        {% else %}
            <h2>Error: {{ error.error }}</h2>
            <p>{{ error.description }}</p>
        {% endif %}
    </div>
{% endblock %}