{% extends "base.html" %}
{% load url from future %}
{% load i18n %}
{% load crispy_forms_tags %}

{% block title %}{% trans "Edit profile" %} | {{ block.super }}{% endblock %}

{% block content %}
    <div class="row">
        <div class="col-sm-9">
            <h1><span class="glyphicon glyphicon-cog"></span> {% trans "Edit profile" %}</h1>
            <ul class="list-inline">
                <li>
                    <span class="glyphicon glyphicon-lock"></span>
                    <a href="{% url 'observers:change_password' %}">{% trans "Change password" %}</a>
                </li>
            </ul>
        </div>
        <div class="col-sm-3">
        </div>
    </div>
    <form class="edit-profile" action="{% url 'observers:observer_edit' %}" method="post">
        {% csrf_token %}
        {{ form|crispy }}
        <div>
            <button class="btn btn-lg btn-primary btn-block" type="submit">{% trans "Save" %}</button>
        </div>
    </form>

{% endblock %}

{% block extra-script %}
    {{ form.media }}
{% endblock %}

{% extends "base.html" %}
{% load url from future %}
{% load i18n %}
{% load crispy_forms_tags %}

{% block title %}{% trans "Edit profile" %} | {{ block.super }}{% endblock %}

{% block extra-style %}
    {{ form.media.css }}
{% endblock %}

{% block content %}
    <div class="row">
        <div class="col-sm-9">
            <h1><span class="glyphicon glyphicon-cog"></span> {% trans "Edit profile" %}</h1>
            <ul class="list-inline">
                <li>
                    <span class="glyphicon glyphicon-lock"></span>
                    <a href="{% url 'observers:change_password' %}">{% trans "Change password" %}</a>
                </li>
            </ul>
        </div>
        <div class="col-sm-3">
        </div>
    </div>
    <form class="edit-profile" action="{% url 'observers:observer_edit' %}" method="post">
        {% csrf_token %}
        {{ form|crispy }}
        <div>
            <button class="btn btn-lg btn-primary btn-block" type="submit">{% trans "Save" %}</button>
        </div>
    </form>

{% endblock %}

{% block extra-script %}
    {{ form.media.js }}
{% endblock %}

Split between JS and CSS form media.
Split between JS and CSS form media.
