{% extends "base.html" %}

{% load staticfiles %}

{% load i18n static %}

{% block title %}
Perfil
{% endblock %}

{% block breadcrumbs %}
{{ block.super }}
<li class="active">
    <i class="icon-user"></i>
    Perfil
</li>
{% endblock %}

{% block content %}
<div class="row-fluid">
    <div id="alinea_bloque">
        <div class="span9 dgtic-panel">
            <div class="dgtic-panel collapsible">
                <div class="dgtic-panel-header">
                    <span class="dgtic-panel-title">
                        <i class="icon-user"></i> 
                        Perfil
                    </span>
                </div>

                <div class="dgtic-panel-content">
                    <table class="table" id="columna_tabla">
                        <tr>
                            <th>Usuario</th>
                            <td>{{user.username }}</td>
                        </tr>
                        <tr>
                            <th>Nombre</th>
                            <td>{{user.first_name }}</td>
                        </tr>
                        <tr>
                            <th>Apellidos</th>
                            <td>{{user.last_name }}</td>
                        </tr>
                        <tr>
                            <th>Correo</th>
                            <td>{{user.email }}</td>
                        </tr>
                        <tr>
                            <th>Activo</th>
                            <td>
                                {% if user.is_active %}
                                <i class="icon-circle-ok"></i>
                                {% else %}
                                <i class="icon-circle-minus"></i>
                                {% endif %}
                            </td>
                        </tr>
                        <tr>
                            <th>Ultimo ingreso</th>
                            <td>{{user.last_login }}</td>
                        </tr>
                        <tr>
                            <th>Fecha alta</th>
                            <td>{{user.date_joined }}</td>
                        </tr>
                    </table>
                </div>

                <div class="dgtic-panel-content dgtic-form-container">
                    <form id='formulario' method='POST' enctype='multipart/form-data' action='' class="dgtic-form dgtic-form-inline">
                        {% csrf_token %}

                        <div class="btn-row">
                            <input type='submit' value='Regresar' onclick=
                            "
                             parent.history.back();
                             return false;
                             "
                             class="btn btn-primary">
                            <!-- <input type='button' value='Cambiar contraseña' onclick=
                            "
                            $(this).attr('disabled','disabled');
                            this.form.action='/perfil/chpasswd/';
                            this.form.submit();
                            "
                            class="btn btn-danger"> -->
                            <a href="{% url 'profile-chpasswd' %}" class="btn btn-danger">
                                Cambiar contraseña
                            </a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
{%endblock%}