{% extends "orga/base.html" %}
{% load bootstrap4 %}
{% load i18n %}
{% load staticfiles %}

{% block content %}

    <form method="post" action="">
        {% csrf_token %}
        <legend>{% trans "User settings" %}</legend>
        {% bootstrap_form profile_form layout='event' %}
        <div class="form-group row">
            <div class="ml-auto col-md-9">
                <button type="submit" class="btn btn-primary" name="form" value="profile">
                    {% trans "Save" %}
                </button>
            </div>
        </div>
    </form>
    <form method="post" action="" class="password-input-form">
        {% csrf_token %}
        <legend>{% trans "Login settings" %}</legend>
        {{ login_form.media }}
        {% bootstrap_form login_form layout='event' %}
        <div class="form-group row">
            <label class="col-md-3 col-form-label">{% trans "API Token" %}</label>
            <div class="col-md-9">
                {{ token }}
                <div class="help-block">
                    {% trans "Use for authentication when accessing the API." %}
                </div>
            </div>
        </div>
        <div class="form-group row">
            <div class="ml-auto col-md-9">
                <button type="submit" class="btn btn-primary" name="form" value="login">
                    {% trans "Save" %}
                </button>
            </div>
        </div>
    </form>

{% endblock %}
