{% extends 'site.html' %}

{% block content %}
    <script type="application/javascript">
        $(function() {
            DosisAuth.Util.registerSuppressExtraSubmitForms($('.user-manage-self-form-auth'));
        });
    </script>
    <div class="row spacer-lg-auth"></div>
        {% if request.dosis_user.user_role.protected %}
            <div class="alert alert-error">
                Your user's role is protected, so you cannot manage yourself.
            </div>
        {% else %}
            <div class="well well-small">
                <div class="container-fluid">
                    <div class="row">
                        <div class="span6 wrap-user-manage-auth">
                            <h3>User Information</h3>
                            {% if success == 'user_details' %}
                                <div class="alert alert-success alert-sm-auth alert-tight-auth">Your information was saved successfully.</div>
                            {% endif %}
                            {% if user_details_form.non_field_errors %}
                                <div class="alert alert-error alert-sm-auth alert-tight-auth">
                                    {% for error in user_details_form.non_field_errors %}
                                        <div>{{ error }}</div>
                                    {% endfor %}
                                </div>
                            {% endif %}
                            <form class="form-horizontal user-manage-self-form-auth" method="POST">
                                {% csrf_token %}
                                {% include 'auth-form-user-identifier.html' %}
                                <div class="control-group control-group-tight-auth">
                                    <label class="control-label">Username</label>
                                    <div class="controls controls-text-auth">
                                        {{ request.dosis_user.username }}
                                    </div>
                                </div>
                                <div class="control-group control-group-tight-auth">
                                    {% for error in user_details_form.errors.first_name %}
                                        <div class="alert alert-error alert-tight-auth">{{ error }}</div>
                                    {% endfor %}
                                    <label for="{{ user_details_form.first_name.id_for_label }}" class="control-label">First Name</label>
                                    <div class="controls">
                                        {{ user_details_form.first_name }}
                                    </div>
                                </div>
                                <div class="control-group control-group-tight-auth">
                                    {% for error in user_details_form.errors.last_name %}
                                        <div class="alert alert-error alert-tight-auth">{{ error }}</div>
                                    {% endfor %}
                                    <label for="{{ user_details_form.last_name.id_for_label }}" class="control-label">Last Name</label>
                                    <div class="controls">
                                        {{ user_details_form.last_name }}
                                    </div>
                                </div>
                                <div class="control-group control-group-tight-auth">
                                    {% for error in user_details_form.errors.initials %}
                                        <div class="alert alert-error alert-tight-auth">{{ error }}</div>
                                    {% endfor %}
                                    <label for="{{ user_details_form.initials.id_for_label }}" class="control-label">Initials</label>
                                    <div class="controls">
                                        {{ user_details_form.initials }}
                                    </div>
                                </div>
                                <div class="control-group control-group-tight-auth">
                                    {% for error in user_details_form.errors.email_address %}
                                        <div class="alert alert-error alert-tight-auth">{{ error }}</div>
                                    {% endfor %}
                                    <label for="{{ user_details_form.email_address.id_for_label }}" class="control-label">Email</label>
                                    <div class="controls">
                                        {{ user_details_form.email_address }}
                                    </div>
                                </div>
                                <div class="control-group control-group-tight-auth">
                                    <label class="control-label">Role</label>
                                    <div class="controls controls-text-auth">
                                        {{ request.dosis_user.user_role }}
                                    </div>
                                </div>
                                <div class="control-group control-group-tight-auth">
                                    <label class="control-label">Last Login</label>
                                    <div class="controls controls-text-auth">
                                        {{ request.dosis_user.last_login }}
                                    </div>
                                </div>
                                <div class="control-group control-group-tight-auth">
                                    <label class="control-label">PIN Changed</label>
                                    <div class="controls controls-text-auth">
                                        {{ request.dosis_user.pin_assigned }}
                                    </div>
                                </div>
                                <div class="control-group control-group-tight-auth">
                                    <label class="control-label">User Created</label>
                                    <div class="controls controls-text-auth">
                                        {{ request.dosis_user.created }}
                                    </div>
                                </div>
                                <div class="control-group control-group-tight-auth">
                                    <div class="controls">
                                        <input type="submit" class="btn btn-primary btn-primary-auth" value="Save">
                                    </div>
                                </div>

                                <input type="hidden" name="user_details">
                            </form>
                        </div>
                        <div class="span6 wrap-user-manage-auth">
                            {% if set_pin_form and auth_site_settings.pin_method != 'GENERATE' %}
                                {% include 'auth-set-pin-form.html' %}
                            {% endif %}
                            {% if change_password_form %}
                                {% include 'auth-change-password-self-form.html' %}
                            {% endif %}
                        </div>
                    </div>
                </div>
            </div>
        {% endif %}
{% endblock %}