{% extends "base.html" %}

{% block camino %}
<li class="{{insti5}}"><a href=""><i class="icon-notes-2"></i>Registro Encuesta Beneficiario</a></li>
{% endblock camino %}

{% block contenido %}
    <div class="span10">
        <div class="dgtic-panel">
            <div class="dgtic-panel-header">
                <span class="dgtic-panel-title">
                    <i class="icon-notes-2"></i> Registro Encuesta.
                </span>
            </div>
            <div class="dgtic-panel-content dgtic-form-container">
                <form id="form" name="form" method='post' class="dgtic-form">
                    <div id="dgtic-ex-val1-error" class="dgtic-message error" style="display:none;"></div>
                    <div class="dgtic-form-inline">
                        {% if messages %}
                            <div class="messages">
                                {% for message in messages %}
                                    <div{% if message.tags %}
                                        class="dgtic-message {{ message.tags }}"{% endif %}>{{ message }}
                                    </div>
                                {% endfor %}
                            </div>
                        {% endif %}
                        {% csrf_token %}
                        {% include "form_snippet.html" with form=encuesta %}
                        {% for p in preguntas %}
                            &nbsp;&nbsp;&nbsp;<b>{{ p.pregunta }}<input type="text" value="{{ p.id }}" id="{{ p.id }}" name="pregunta" style="display: none"></b><br>
                            {% for o in opciones %}
                                {% if o.pregunta_id == p.id %}
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" id="checkbox{{ o.id }}" value="{{ o.id }}" id="{{ o.id }}" name="checkbox" >&nbsp;&nbsp;{{ o.opcion }}<br>
                                {% endif %}
                            {% endfor %}
                         {% endfor %}
                    </div>
                    <div class="btn-row">
                        <input type="submit" value="Guardar" class="btn btn-success">
                    </div>
                </form>
            </div>
        </div>
    </div>

{% endblock %}

{% block jquery %}
<script>
	$('input[type="checkbox"]').click(function(){
        if ($(this).attr("checked")) {
            valor = $(this).val();
            if (valor == 24) {
                input = $('<input>').attr('type', 'text').attr("name", "extra").attr("id", "extra");
                $(this).after(input);
            }
            else if (valor == 28) {
                input = $('<input>').attr('type', 'text').attr("name", "extra2").attr("id", "extra2");
                $(this).after(input);
            }
            else if (valor == 29) {
                input = $('<input>').attr('type', 'text').attr("name", "extra3").attr("id", "extra3");
                $(this).after(input);
            }
        }
            else {
            $('#extra').hide();
            $('#extra2').hide();
            $('#extra3').hide();
            }

	});

$("#form").validate({
				ignore: '.ignore',
				rules: {

					beneficiario: {
						required: true,

					},
                    comentario:{
                            required: true
                    }
                }
			});
(function($) {
    $(document).ready(function() {
        $('#id_comentario').attr('class','span6  mayuscula');
        $('.mayuscula').change(function(){
            var upper = this.value.toUpperCase();
            if (this.value != upper)
            this.value = upper;

        })
    });
})
(jQuery);

 $(document).ready(function(){
	$('input[type="checkbox"]').click(function(){
		var id = $(this).val();
        if (id == 1){
            $("#checkbox2").removeAttr("checked");
            $("#checkbox3").removeAttr("checked");
            $("#checkbox4").removeAttr("checked");
            $("#checkbox5").removeAttr("checked");
            $("#checkbox6").removeAttr("checked");
            $("#checkbox7").removeAttr("checked");
            $("#checkbox8").removeAttr("checked");
            $("#checkbox9").removeAttr("checked");
            $("#checkbox10").removeAttr("checked");
        }
        if (id == 2){
            $("#checkbox1").removeAttr("checked");
            $("#checkbox3").removeAttr("checked");
            $("#checkbox4").removeAttr("checked");
            $("#checkbox5").removeAttr("checked");
            $("#checkbox6").removeAttr("checked");
            $("#checkbox7").removeAttr("checked");
            $("#checkbox8").removeAttr("checked");
            $("#checkbox9").removeAttr("checked");
            $("#checkbox10").removeAttr("checked");
        }
        if (id == 3){
            $("#checkbox1").removeAttr("checked");
            $("#checkbox2").removeAttr("checked");
            $("#checkbox4").removeAttr("checked");
            $("#checkbox5").removeAttr("checked");
            $("#checkbox6").removeAttr("checked");
            $("#checkbox7").removeAttr("checked");
            $("#checkbox8").removeAttr("checked");
            $("#checkbox9").removeAttr("checked");
            $("#checkbox10").removeAttr("checked");
        }
        if (id == 4){
            $("#checkbox1").removeAttr("checked");
            $("#checkbox2").removeAttr("checked");
            $("#checkbox3").removeAttr("checked");
            $("#checkbox5").removeAttr("checked");
            $("#checkbox6").removeAttr("checked");
            $("#checkbox7").removeAttr("checked");
            $("#checkbox8").removeAttr("checked");
            $("#checkbox9").removeAttr("checked");
            $("#checkbox10").removeAttr("checked");
        }
        if (id == 5){
            $("#checkbox1").removeAttr("checked");
            $("#checkbox2").removeAttr("checked");
            $("#checkbox3").removeAttr("checked");
            $("#checkbox4").removeAttr("checked");
            $("#checkbox6").removeAttr("checked");
            $("#checkbox7").removeAttr("checked");
            $("#checkbox8").removeAttr("checked");
            $("#checkbox9").removeAttr("checked");
            $("#checkbox10").removeAttr("checked");
        }
        if (id == 6){
            $("#checkbox1").removeAttr("checked");
            $("#checkbox2").removeAttr("checked");
            $("#checkbox3").removeAttr("checked");
            $("#checkbox4").removeAttr("checked");
            $("#checkbox5").removeAttr("checked");
            $("#checkbox7").removeAttr("checked");
            $("#checkbox8").removeAttr("checked");
            $("#checkbox9").removeAttr("checked");
            $("#checkbox10").removeAttr("checked");
        }
        if (id == 7){
            $("#checkbox1").removeAttr("checked");
            $("#checkbox2").removeAttr("checked");
            $("#checkbox3").removeAttr("checked");
            $("#checkbox4").removeAttr("checked");
            $("#checkbox5").removeAttr("checked");
            $("#checkbox6").removeAttr("checked");
            $("#checkbox8").removeAttr("checked");
            $("#checkbox9").removeAttr("checked");
            $("#checkbox10").removeAttr("checked");
        }
        if (id == 8){
            $("#checkbox1").removeAttr("checked");
            $("#checkbox2").removeAttr("checked");
            $("#checkbox3").removeAttr("checked");
            $("#checkbox4").removeAttr("checked");
            $("#checkbox5").removeAttr("checked");
            $("#checkbox6").removeAttr("checked");
            $("#checkbox7").removeAttr("checked");
            $("#checkbox9").removeAttr("checked");
            $("#checkbox10").removeAttr("checked");
        }
        if (id == 9){
            $("#checkbox1").removeAttr("checked");
            $("#checkbox2").removeAttr("checked");
            $("#checkbox3").removeAttr("checked");
            $("#checkbox4").removeAttr("checked");
            $("#checkbox5").removeAttr("checked");
            $("#checkbox6").removeAttr("checked");
            $("#checkbox7").removeAttr("checked");
            $("#checkbox8").removeAttr("checked");
            $("#checkbox10").removeAttr("checked");
        }
        if (id == 10){
            $("#checkbox1").removeAttr("checked");
            $("#checkbox2").removeAttr("checked");
            $("#checkbox3").removeAttr("checked");
            $("#checkbox4").removeAttr("checked");
            $("#checkbox5").removeAttr("checked");
            $("#checkbox6").removeAttr("checked");
            $("#checkbox7").removeAttr("checked");
            $("#checkbox8").removeAttr("checked");
            $("#checkbox9").removeAttr("checked");
        }
        if (id == 11)
        {
            $("#checkbox12").removeAttr("checked");
        }
        if (id == 12)
        {
            $("#checkbox11").removeAttr("checked");
        }
        if (id == 13)
        {
            $("#checkbox14").removeAttr("checked");
        }
        if (id == 14)
        {
            $("#checkbox13").removeAttr("checked");
        }
        if (id == 29)
        {
            $("#checkbox30").removeAttr("checked");
        }
        if (id == 30)
        {
            $("#checkbox29").removeAttr("checked");
            $('#extra3').hide();
        }
        if (id == 31)
        {
            $("#checkbox32").removeAttr("checked");
            $("#checkbox33").removeAttr("checked");
        }
        if (id == 32)
        {
            $("#checkbox31").removeAttr("checked");
            $("#checkbox33").removeAttr("checked");
        }
        if (id == 33)
        {
            $("#checkbox31").removeAttr("checked");
            $("#checkbox32").removeAttr("checked");
        }
	});
 });
</script>
{% endblock %}