{% extends "principal.html" %}
{% load i18n static %}
{% block extrastyle %}{{ block.super }}<link rel="stylesheet" type="text/css" href="{% static "admin/css/forms.css" %}" />{% endblock %}
{% block headertoolbar %}

<!-- Header Toolbar Menu -->
                    <div id="dgtic-header-toolbar" class="clearfix">
                        <div id="dgtic-user-profile-wrap">
                            <div id="dgtic-user-profile" data-toggle="dropdown" class="clearfix">
                                
                                <div id="dgtic-user-info">
                                   <i class="icol-user"></i> 
                                    {{user.first_name}} {{user.last_name}}
                                    <span class="dgtic-user-title">{%if user.is_active%}{%for p in nombre_institucion %}{{p.nombre}}{%endfor%}{%endif%}</span>
                                </div>
                            </div>
                            <ul class="dropdown-menu">
                                {% if not user.is_staff%}<li><a href="/principal/">Inicio</a></li>{% endif %}
                                {% if user.is_staff and not user.is_superuser %}<li><a href="/principal_municipal/">Inicio</a></li>{% endif %}
                                {% if user.is_superuser%}<li><a href="/principal_administrador/">Inicio</a></li>{% endif %}
                                <li class="divider"></li>
                                <li><a href="/cambio_password/chpasswd/{{user.id}}">Cambiar Contraseña</a></li>
                            </ul>
                        </div>
                        <div id="dgtic-header-button-container">
                            <ul>
                                <li class="dgtic-header-button-wrap">
                                    <div class="dgtic-header-button">
                                        <a href="/logout_user/"><i class="icon-power"></i></a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    
{%endblock%}
{% block breadcrumbs %}
{{ block.super }}
<li class="active"><a href=""><i class="icon-user"></i>Cambiar Contraseña</a></li>

{% endblock %} 




{% block title %}{% trans 'Password change' %}{% endblock %}



{% block maincontent %}
<div id="content-main">

<form action="" method="post">{% csrf_token %}
<div>
{% if form.errors %}
    <p class="errornote">
    {% blocktrans count counter=form.errors.items|length %}Please correct the error below.{% plural %}Please correct the errors below.{% endblocktrans %}
    </p>
{% endif %}


<div class="row-fluid">
	<div class="span12 dgtic-panel">
		<div class="dgtic-panel-header">
			<span class="dgtic-panel-title"><i class="icol-user-silhouette"></i>Cambio de Contraseña:</span>
		</div>

		<div class="dgtic-panel-content">
			<table>
				<tr>
					<td>{{ form.old_password.errors }}<label for="id_old_password" class="required">{% trans 'Old password' %}:</label></td>
					<td>{{ form.old_password }}</td>
				</tr>
				<tr>
					<td>{{ form.new_password1.errors }}
						<label for="id_new_password1" class="required">{% trans 'New password' %}:</label></td>
						<td>{{ form.new_password1 }}</td>
					</tr>
					<tr>
						<td>{{ form.new_password2.errors }}
							<label for="id_new_password2" class="required">{% trans 'Confirme la nueva password' %}:</label></td>
							<td>
								{{ form.new_password2 }}
							</td>
						</tr>                                   	

					</table>

					<br>
					<div class="submit-row">
						<input type="submit" value="{% trans 'Change my password' %}" class="btn btn-primary" />
					</div>

				</div>

			</div>
		</div>
    

<script type="text/javascript">document.getElementById("id_old_password").focus();</script>
</div>
</form></div>
{% endblock %}