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

{% block formwizard%}<legend> <h1 style="padding-left:3%;">Editar cuestionario de evaluacion</h1> </legend> 
               <form id="#pregunta" method="post" action="" class="form-horizontal ">
                  {% csrf_token %}
				{% for field in form%}
					<div class="control-group">
						<label class="control-label" for="input01" style="margin-right:10%;"><p><strong>{{ field.label}}</strong></p></label>
						{% if  field.errors %}
	                        <div class="alert alert-error" style="margin-top:0.4em;width:10em;">
	                            <a class="close" data-dismiss="alert">×</a>
	                            <strong>ERROR</strong>{{ field.errors }}
	                        </div>
                        {%endif%}
						<div class="controls">						
							<p>{{field}}</p>
						</div>
					</div>

				{% endfor %}
				<br/>


				<fieldset>
					<legend> <h1 style="padding-left:3%;">Preguntas de evaluacion</h1> </legend>
					{% ver_preguntas_cuestionario step0 %}

		        	<div id="add_pregunta" class="pull-right" style="margin-right:4%;">
						<a data-toggle="modal" href="{%url crear_pregunta_cuestionario_wizard informacion.asignatura step0 cuestionario %}" class="btn btn-primary btn-large">
							<i class="icon-plus"></i> Añadir
						</a>
					</div>
		         </fieldset>

                  <div id="form-edit">
				  <div class="form-actions">
				  	<div class="pull-left">
                     <a href="{% url editar_actividad_wizard informacion.asignatura step0 %}" class="btn btn-primary btn-large btn-info">Anterior</a>
				  	</div>
				  	<div class="pull-right">
                     <button type="submit" class="btn btn-primary btn-large btn-success">Siguiente</button>
                     <a href="{%url ver_cuestionario informacion.asignatura %}" class="btn btn-primary btn-large btn-danger">Cancelar</a>
				  	</div>
                  </div>
              	</div>
			  	</form>

{% endblock %}

{% block extra_js%}

	{{super}}

	<script>
$(document).ready(function($) {
  $("#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>');


  $("span[id*=pregunta-]").each(function(i) {
	 var valor = $(this).text();
	 var url = "{%url crear_pregunta_cuestionario_wizard informacion.asignatura step0 cuestionario %}" + valor;

	 var url_view = url + '/view';
 	 $('a[name=view-pregunta-'+valor+']').attr('href', url_view);

	 var url_editar = url + '/edit';
 	 $('a[name=edit-pregunta-'+valor+']').attr('href', url_editar);
 	 
 	 var url_borrar =url + '/del'
 	 $('a[name=del-pregunta-'+valor+']').attr('href', url_borrar);

	});




});
</script>

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

<script type="text/javascript"> 
 	$(document).ready(function () { 
    		$(".datepicker").datepicker({format: 'dd/mm/yyyy'});

            $('.timepicker').timepicker({
                defaultTime: 'current',
                minuteStep: 15,
                disableFocus: true,
                showMeridian: false,
                template: 'dropdown'
            });

        });
</script>

{% endblock %}