{% extends "base.html" %}

{% block title %}Authorization Request - Gondulf{% endblock %}

{% block content %}
<h1>Authorization Request</h1>

{% if client_metadata %}
<div class="client-metadata">
    {% if client_metadata.logo %}
    <img src="{{ client_metadata.logo }}" alt="{{ client_metadata.name or 'Client' }} logo" class="client-logo" style="max-width: 64px; max-height: 64px;">
    {% endif %}
    <h2>{{ client_metadata.name or client_id }}</h2>
    {% if client_metadata.url %}
    <p><a href="{{ client_metadata.url }}" target="_blank">{{ client_metadata.url }}</a></p>
    {% endif %}
</div>
<p>The application <strong>{{ client_metadata.name or client_id }}</strong> wants to authenticate you.</p>
{% else %}
<div class="client-info">
    <h2>{{ client_id }}</h2>
</div>
<p>The application <strong>{{ client_id }}</strong> wants to authenticate you.</p>
{% endif %}

{% if scope %}
<p>Requested permissions: <code>{{ scope }}</code></p>
{% endif %}

<p>You will be identified as: <strong>{{ me }}</strong></p>

{% if error %}
<p class="error">{{ error }}</p>
{% endif %}

<form method="POST" action="/authorize/consent">
    <input type="hidden" name="client_id" value="{{ client_id }}">
    <input type="hidden" name="redirect_uri" value="{{ redirect_uri }}">
    <input type="hidden" name="state" value="{{ state }}">
    <input type="hidden" name="code_challenge" value="{{ code_challenge }}">
    <input type="hidden" name="code_challenge_method" value="{{ code_challenge_method }}">
    <input type="hidden" name="scope" value="{{ scope }}">
    <input type="hidden" name="me" value="{{ me }}">
    <button type="submit">Authorize</button>
</form>
{% endblock %}