{% extends "public/base.html" %}
{% load bootstrap %}
{% load staticfiles %}

{% block title %}Alliance Auth{% endblock %}

{% block page_title %}Add Api Key{% endblock page_title %}
{% block extra_css %}{% endblock extra_css %}

{% block content %}
    <div class="col-lg-12">
        <h1 class="page-header text-center">Add Api Key</h1>

        <div class="container-fluid">
            <div class="col-md-4 col-md-offset-4">
                <div class="row">
                    <p class="text-center">
                        Member API keys require access mask {{MEMBER_API_MASK}} or greater for services.
                    </p>
                    {% if MEMBER_API_ACCOUNT %}
                        <p class="text-center">
                            Member API keys need to be account-wide.
                        </p>
                    {% endif %}
                    <p class="text-center">
                        <a target="_blank"
                           href="https://community.eveonline.com/support/api-key/CreatePredefined?accessMask={{MEMBER_API_MASK}}">Create
                            a full API key</a>
                    </p>
                    <p class="text-center">
                        Blue API keys require access mask {{BLUE_API_MASK}} or greater for services.
                    </p>
                    {% if BLUE_API_ACCOUNT %}
                        <p class="text-center">
                            BLUE API keys need to be account-wide.
                        </p>
                    {% endif %}
                    <p class="text-center">
                        <a target="_blank"
                           href="https://community.eveonline.com/support/api-key/CreatePredefined?accessMask={{BLUE_API_MASK}}">Create
                            a blue key</a>
                    </p>

                    <form class="form-signin" role="form" action="{% url 'auth_add_api_key' %}" method="POST">
                        {% csrf_token %}
                        {{ form|bootstrap }}
                        <br/>
                        <button class="btn btn-lg btn-primary btn-block" type="submit">Add Key</button>
                    </form>
                </div>
            </div>
        </div>
    </div>

{% endblock content %}