{% extends "base.html" %}
{% load static compress %}

{% block extra_head %}
    {% compress css %}
        <link type='text/css' href='{% static "css/force_change_password.css" %}' rel='stylesheet'>
    {% endcompress %}
{% endblock %}


{% block content %}
<div id="force-change-password-container">
    <h2 id="force-change-password-label">Password change is required upon initial login</h2>
    <form id="change-password-form" method="post" action="." autocomplete="off">
        <div class="form-body">
            {% include "render_form.html" %}

            {% for message in messages %}
                {% if message.level == DEFAULT_MESSAGE_LEVELS.SUCCESS %}
                    <div class="success-message">{{ message }}</div>
                {% endif %}
            {% endfor %}
            <div class="form-buttons">
                <button type="submit" class="button-green" onclick="this.disabled=true, this.form.submit();">Save</button>
            </div>
        </div>
    </form>
</div>
{% endblock %}