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

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

{% block page_title %}Something something here{% endblock page_title %}
{% block extra_css %}{% endblock extra_css %}

{% block content %}
<div class="col-lg-12">
    <div class="row">
        {% if apikeypairs %}
        {% else %}
            <div class="alert alert-danger" role="alert">No api keys found</div>
        {% endif %}
        <h1 class="page-header text-center">API Key Management</h1>
        <table class="table table-bordered">
            <tr>
                <th class="text-center">API ID</th>
                <th class="text-center">API Key</th>
                <th class="text-center">Action</th>
            </tr>
            {% for pair in apikeypairs %}
            <tr>
                <td class="text-center">{{ pair.api_id }}</td>
                <td class="text-center">{{ pair.api_key }}</td>
                <td class="text-center">
                <a href="/delete_api_pair/{{ pair.api_id }}">
                    <button type="button" class="btn btn-danger"><span class="glyphicon glyphicon-remove"></span></button>
                </a>
                <a href="">
                    <button type="button" class="btn btn-primary"><span class="glyphicon glyphicon-refresh"></span></button>
                </a>
                </td>
            </tr>
            {% endfor %}
        </table>
         <form class="form-signin" role="form" action="{% url 'auth_api_key_management' %}" method="POST">
            {% csrf_token %}
            {{ form|bootstrap_horizontal }}
             <br/>
            <button class="btn btn-lg btn-primary btn-block" type="submit">Add Key</button>
        </form>
    </div>
</div>

{% endblock content %}