{% extends "formwizard/profesor/wizard_base.html" %} 

{% block formwizard%}
<legend> <h1 style="padding-left:3%;">Ver pregunta</h1> </legend> 
<div class="cuestionario" style="margin-left:5%;"> 
			<div class="pregunta" style="margin-right:10%;">
                      <h3><span class="num" id="pregunta-{{ pregunta.nr }}" style="margin:-5%;">{{ question.nr }}</span><a>{{question.text}}</a></h3>
                      <br/>
             {% ifnotequal question.type 1 %}
                {% if question.type == 2 or question.type == 4  or question.type == 5 %}
                    <div class="btn-group" data-toggle="buttons-radio">
                    	
                {%else%}
                    <div class="btn-group" data-toggle="buttons-checkbox">
                {%endif%}


                    {% for respuesta in question.get_choices %}
						
						{% if respuesta.correct %}
                      		<a href="{% url selecciona_eleccion_pregunta_cuestionario_wizard informacion.asignatura step0 cuestionario question.nr respuesta.id %}" class="btn btn-primary btn-info">{{respuesta.name}}</a>
                        {% else %}
                            <a href="{% url selecciona_eleccion_pregunta_cuestionario_wizard informacion.asignatura step0 cuestionario question.nr respuesta.id %}" class="btn btn-primary btn-danger">{{respuesta.name}}</a>
                        {%endif%}
                    {% empty %}
                      Vacio                    
                    {% endfor%}
                	</div>
                  {% if question.type == 2 or question.type == 3%}
                    <div class="pull-right" style="margin-top:-5px;">
                      <a href="{% url aniadir_eleccion_pregunta_cuestionario_wizard informacion.asignatura step0 question.cuestionario.slug question.nr %}" class="btn btn-primary "><i class="icon-plus"></i> Añadir</a>
                    </div>
                  {%endif%}
                  {% else %}
                    <div class="btn-group">
                      <input type="text" value="" />
                    </div>
              {%endifnotequal%}

            </div>
          <div id="form-edit">
          <div class="form-actions">
            <div class="pull-right">
                     <a href="{% url editar_cuestionario_wizard informacion.asignatura step0 cuestionario%}" class="btn btn-primary btn-large btn-danger">Volver</a>

            </div>
          </div>
        </div>
</div>
{% endblock %}

{% block extra_js%}

<script src="{{MEDIA_URL}}js/bootstrap/bootstrap-datepicker.js"></script>
<script src="{{MEDIA_URL}}js/bootstrap/bootstrap-timepicker.js"></script>

<script type="text/javascript"> 
 	
  $("#title-0").removeClass("current-step");
  $("#title-1").addClass("current-step")

  $('#title-0 a').attr('href', '{% url editar_actividad_wizard informacion.asignatura step0 %}');
  $('#title-1 a').attr('href', '{% url editar_cuestionario_wizard informacion.asignatura step0 cuestionario %}');

  $('#title-0 span').replaceWith('<span>Modifica la tarea</span>');
  $('#title-1 span').replaceWith('<span>Modifica el cuestionario de evaluacion</span>');

</script>
{% endblock %}