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

{% block meta_title %}{{ page.meta_title }}{% endblock %}

{% block meta_keywords %}{% metablock %}
{% keywords_for page as keywords %}
{% for keyword in keywords %}
    {% if not forloop.first %}, {% endif %}
    {{ keyword }}
{% endfor %}
{% endmetablock %}{% endblock %}

{% block meta_description %}{% metablock %}
{{ page.description }}
{% endmetablock %}{% endblock %}

{% block title %}
{% editable page.title %}{{ page.title }}{% endeditable %}
{% endblock %}

{% block main %}
	<h2>DIMENSIÓN 1: CONTEXTO INSTITUCIONAL</h2>

	<div class="panel panel-info" id="empezar">
	    <div class="panel-body">
		Mientras llena la encuesta haga click en <a href="#confirmar">confirmar</a> para que los resultados que marque <b>queden guardados</b>, usted puede
		modificarlos en cualquier momento.
	    </div>
	</div>

	
	<form action="/evaluar_1/" method="POST">
		{% csrf_token %}
	{% for pagina in paginas %}
		<hr>
		{{ pagina.contenido|safe }}
		<!-- <h3>{{ pagina.titulo }}</h3> -->
		

		{# opciones de seleccion para puntuacion #}
		<span class="text-success">Calificar:</span>  <br>
		?
		<input type="radio" id="id_{{ pagina.titulo|slice:"2:" }}"
			name="{{ pagina.titulo|slice:"2:" }}"
			value="0" 
			checked >
		&nbsp;&nbsp;&nbsp
		1
		<input type="radio" id="id_{{ pagina.titulo|slice:"2:" }}"
			name="{{ pagina.titulo|slice:"2:" }}"
			value="1" > 
		&nbsp;&nbsp;&nbsp
		2
		<input type="radio" id="id_{{ pagina.titulo|slice:"2:" }}"
			name="{{ pagina.titulo|slice:"2:" }}"
			value="2" > 
		&nbsp;&nbsp;&nbsp
		3
		<input type="radio" id="id_{{ pagina.titulo|slice:"2:" }}"
			name="{{ pagina.titulo|slice:"2:" }}"
			value="3" > 
		&nbsp;&nbsp;&nbsp
		4
		<input type="radio" id="id_{{ pagina.titulo|slice:"2:" }}"
			name="{{ pagina.titulo|slice:"2:" }}"
			value="4" > 
		&nbsp;&nbsp;&nbsp
		5
		<input type="radio" id="id_{{ pagina.titulo|slice:"2:" }}"
			name="{{ pagina.titulo|slice:"2:" }}"
			value="5" > 

		<!-- <input type="hidden" id="id_{{ pagina.titulo|slice:"2:" }}" -->
		<!--  	name="{{ pagina.titulo|slice:"2:" }}"  -->
		<!--  	value="-1" > -->

	{% endfor %}
	<hr>
	<div class="panel panel-info" id="confirmar">
		<div class="panel-heading">
			<input type="submit" class="btn btn-lg btn-primary" 
				value="CONFIRMAR" />
			<p>
			    Los resultados que marque <b>quedarán guardados</b> pero usted puede
			    modificarlos en cualquier momento. <a href="#empezar"><b>&#x2191;</b></a>
			</p>
		</div>
	</div>

	</form>

	<hr>
	<a href="/encuesta_d2" class="btn btn-lg btn-warning">
		DIMENSIÓN 2: PROYECTO ACADEMICO
	</a>
	

{% endblock %}
