{% include 'overall_header.html' %}

<h1>{{ lang('ACP_HUCIAL_SSO_SETUP') }}</h1>
<p>{{ lang('ACP_HUCIAL_SSO_SIMPLE_INTRO') }}</p>

{% if S_SETUP_MESSAGE %}
<div class="{% if S_SETUP_MESSAGE_ERROR %}errorbox{% else %}successbox{% endif %}"><p>{{ SETUP_MESSAGE }}</p></div>
{% endif %}

{% if S_CONNECTED %}
<div class="successbox">
    <p><strong>{{ lang('ACP_HUCIAL_SSO_SIMPLE_CONNECTED') }}</strong></p>
    {% if LOCAL_LABEL %}<p>{{ lang('ACP_HUCIAL_SSO_SIMPLE_THIS_FORUM') }} : {{ LOCAL_LABEL }}{% if PEER_LABEL %}<br>{{ lang('ACP_HUCIAL_SSO_SIMPLE_OTHER_FORUM') }} : {{ PEER_LABEL }}{% endif %}</p>{% endif %}
</div>
<p>{{ lang('ACP_HUCIAL_SSO_SIMPLE_CONNECTED_EXPLAIN') }}</p>
{% else %}
<form id="acp_hucial_sso_setup" method="post" action="{{ U_ACTION }}">

<fieldset>
    <legend>{{ lang('ACP_HUCIAL_SSO_SIMPLE_FIRST_FORUM') }}</legend>
    <p>{{ lang('ACP_HUCIAL_SSO_SIMPLE_FIRST_EXPLAIN') }}</p>
    <p><input class="button1" type="submit" name="create_connection" value="{{ lang('ACP_HUCIAL_SSO_SIMPLE_CREATE_CODE') }}" /></p>

    {% if S_PAIRING_CODE %}
    <div class="successbox"><p>{{ lang('ACP_HUCIAL_SSO_SIMPLE_CODE_READY') }}</p></div>
    <dl>
        <dt><label for="pairing_code_display">{{ lang('ACP_HUCIAL_SSO_SIMPLE_CODE') }}</label><br><span>{{ lang('ACP_HUCIAL_SSO_SIMPLE_CODE_EXPLAIN') }}</span></dt>
        <dd><textarea id="pairing_code_display" rows="7" cols="60" readonly>{{ PAIRING_CODE }}</textarea></dd>
    </dl>
    {% endif %}
</fieldset>

<fieldset>
    <legend>{{ lang('ACP_HUCIAL_SSO_SIMPLE_SECOND_FORUM') }}</legend>
    <p>{{ lang('ACP_HUCIAL_SSO_SIMPLE_SECOND_EXPLAIN') }}</p>
    <dl>
        <dt><label for="connection_code">{{ lang('ACP_HUCIAL_SSO_SIMPLE_CODE') }}</label></dt>
        <dd><textarea id="connection_code" name="connection_code" rows="7" cols="60" autocomplete="off"></textarea></dd>
    </dl>
    <p><input class="button1" type="submit" name="join_connection" value="{{ lang('ACP_HUCIAL_SSO_SIMPLE_JOIN') }}" /></p>
</fieldset>

{{ S_FORM_TOKEN }}
</form>
{% endif %}

{% include 'overall_footer.html' %}