{% extends "layouts/base.html" %}
{% block body %}
<!-- Authorize form -->
{% if error %}
<div>
    Error: {{ error }}
</div>
{% endif %}
<form id="authorize-form" method="post" action="/authorize">
    <h1>Do you authorize this app?</h1>
    <p>
        You're about to log-in and give some of your personal data to an application.
        If you accept, you will be redirected to "{{ redirect_uri_host }}".
    </p>
    <ul>
        <li>App name: {{ app.name }}</li>
        <li>App description: <i>{{ app.description }}</i></li>
        <li>Permissions: {{ authorization_params.scope }}</li>
    </ul>
    <input type="hidden" name="client_id" value="{{ authorization_params.client_id }}" />
    <input type="hidden" name="scope" value="{{ authorization_params.scope }}" />
    <input type="hidden" name="state" value="{{ authorization_params.state }}" />
    <input type="hidden" name="response_type" value="{{ authorization_params.response_type }}" />
    <input type="hidden" name="redirect_uri" value="{{ authorization_params.redirect_uri }}" />

    <div class="d-flex justify-content-end">
        <!-- TODO: implements authorization rejection -->
        <a href="/me" class="btn btn-outlined">Don't authorize</a>
        <button type="submit" class="btn btn-primary">Authorize</button>
    </div>
</form>
{% endblock %}