Redone correctly , structure, its pretty

templates/registered/apikeymanagment.html

@@ -0,0 +1,48 @@
+{% 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 %}