{% extends 'html.twig' %}

{% set html_title = (title is defined ? (title ~ ' :: ') : '') ~ globals.site_info.name %}

{% block html_head %}
    <link href="{{ asset('common.css') }}" rel="stylesheet">
    <link href="{{ asset('oauth2.css') }}" rel="stylesheet">
{% endblock %}

{% block html_body %}
    <div class="oauth2-wrapper">
        <div class="oauth2-dialog">
            <div class="oauth2-dialog-body">
                {% block body %}
                    {% block body_header %}
                        <header class="oauth2-header js-oauth2-header">
                            {% set body_header_icon = body_header_icon|default('') %}
                            <div class="oauth2-simplehead js-oauth2-header-simple{% if body_header_icon == '' %} hidden{% endif %}">
                                <div class="oauth2-simplehead-icon oauth2-simplehead-icon--{{ body_header_icon }} js-oauth2-header-simple-icon"></div>
                                <div class="oauth2-simplehead-text js-oauth2-header-simple-text">
                                    {{ body_header_text|default('') }}
                                </div>
                            </div>
                        </header>
                    {% endblock %}

                    <div class="oauth2-body">
                        <div class="oauth2-banner">
                            <div class="oauth2-banner-text">{{ body_title|default('') }}</div>
                            <div class="oauth2-banner-logo">{{ globals.site_info.name }}</div>
                        </div>

                        {% block body_content %}{% endblock %}
                    </div>
                {% endblock %}
            </div>
        </div>
    </div>
    <script src="{{ asset('common.js') }}"></script>
    <script src="{{ asset('oauth2.js') }}"></script>
{% endblock %}