{% extends "base.html" %}

{% block breadcrumbs %}
    {{ block.super }}
    <li>
        <a href="{% url "usuario-detail" user.id %}">
            Perfil
        </a>
    </li>
    <li class="active">
        <a href="#">
            Cambiar Contraseña
        </a>
    </li>
{% endblock %}

{% block content %}
    <div class="row">
        <div class="span6">
            <div class="da-panel">
                <div class="da-panel-header">
                    <span class="da-panel-title">
                        <i class="icon-edit"></i>&nbsp;
                        Cambiar Password
                    </span>
                </div>
                <div class="da-panel-content da-form-container">
                    <form method="POST" class="da-form da-form-block">
                        {% csrf_token %}
                        {% include 'form_snippet.html' %}

                        <div class="btn-row">
                            <a class="btn btn-danger" href="{% url 'usuario-detail' user.id %}">
                                Cancelar
                            </a>
                            <input class="btn btn-primary" type="submit" value="Guardar">
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block extrajs %}
    <script>
        (function($){
            $('#id_old_password').addClass('span12');
            $('#id_new_password1').addClass('span12');
            $('#id_new_password2').addClass('span12');
        })(jQuery);
    </script>
{% endblock %}