{% extends "layout.html" %}
{% load bootstrap3 %}

{% block basecontent %}
    <div class="container">
        <div class="row">
            <div class="col-md-4 col-md-offset-4">
                {% bootstrap_messages %}
                <div class="login-panel panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">
                            {{ title }}
                        </h3>
                    </div>
                    <div class="panel-body">
                        <form enctype="multipart/form-data" method="post">
                            {% csrf_token %}
                            {% bootstrap_form form %}
                            <p><b>API Token</b>
                                <a href="{% url 'generate_token' %}" class="btn btn-primary">
                                    Generate
                                </a>
                            </p>
                            <p style="word-wrap: break-word;">{{ token.key }}</p>

                            <p></p>
                            {% buttons %}
                                <button type="submit" class="btn btn btn-success">
                                    Save Profile
                                </button>
                            {% endbuttons %}
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock basecontent %}