{% extends "base.html" %}
{% load i18n mezzanine_tags %}

    {# filtro personalizado para encuestas #}
    {% load encuesta_extras %}
    {# --- #}


{% block meta_title %}{{ title }}{% endblock %}
{% block title %}{{ title }}{% endblock %}
{% block body_id %}account{% endblock %}

{% block breadcrumb_menu %}
{{ block.super }}
<li>{{ title }}</li>
{% endblock %}

{% block main %}

{% errors_for form %}

<form method="post"{% if form.is_multipart %} enctype="multipart/form-data"{% endif %}>
    <fieldset>
	<legend>{{ title }}</legend>
	{# informacion sobre llenado de la encuesta #}
	{% if request.user.is_authenticated %}
	<div class="panel panel-info">
	    <div class="panel-heading">Porcentaje de la encuesta completado por usted</div>
	    <div class="panel-body">
		<ul>
		    <li>
			<a href="/encuesta_d1">Dimensión 1</a>: {{ request.user.id|llenado_encuesta:"1"}} %
		    </li>
		    <li>
			<a href="/encuesta_d2">Dimensión 2</a>: {{ request.user.id|llenado_encuesta:"2"}} %
		    </li>
		    <li>
			<a href="/encuesta_d3">Dimensión 3</a>: {{ request.user.id|llenado_encuesta:"3"}} %
		    </li>
		    <li> <a href="/encuesta_d4">Dimensión 4</a>: {{ request.user.id|llenado_encuesta:"4"}} %
		    </li>	
		</ul>
	    </div>
	</div>
	{% endif %}
	{# -------------- #}
    {% fields_for form %}
    <div class="form-actions">
        {% block account_form_actions %}
	    <input class="btn btn-primary btn-lg" type="submit" value="Ingresar">
	    <hr>
	    <p>
		<b>Estudiantes</b>:
		<ul>
		    <li>Use su <b>C.I.</b> (número de cédula de indentidad) como <i>nombre de usuario</i> </li>
		    <li>Use su <b>R.U.</b> (registro universitario) como <i>password</i> </li>
		</ul>
	    </p>
	    <p>
		<b>Docentes</b>:
		<ul>
		    <li>Use la inicial de su <b>primer nombre junto con su primer apellido en minúsculas</b> como <i>nombre de usuario</i>
			<br>Ejemplo: Celia Avendaño: <code>cavendaño</code> -- Luis Torres: <code>ltorrez</code> (<b>debe</b> utilizar acentos o ñ como en su apellido)</li> 
		    <li>Use su <b>C.I.</b> (Cédula de identidad sin extensión) como <i>password</i> </li>
		</ul>
	    </p>
	    {#<input class="btn btn-primary btn-lg pull-right" type="submit" value="{{ title }}">#}

	    <p style="background-color:#F3DCAC">
		Si tiene problemas con su cuenta escriba a <b>ingeindustrialumsa@gmail.com</b> o pase por la unidad de sistemas de la carrera de ingeniería industrial.
	    </p>
	
        {% endblock %}
    </div>
    </fieldset>
</form>
{% endblock %}
