{% extends "base.html" %}

{% block camino %}

<li class="{{insti}}"><i class="icon-user"></i><a href="">Registro de Beneficiario - Encuesta</a></li>

{% endblock camino %}

{% block contenido %}
<div class="dgtic-panel">
    <div class="dgtic-panel-header">
        <span class="dgtic-panel-title">
            <i class="icol-user-thief-baldie"></i>
            Datos Generales
        </span>
    </div>
    <div class="dgtic-panel-content dgtic-form-container">
        <form id="form" name="form" class="dgtic-form " method="post" action="encuesta_new_beneficiario">{% csrf_token %}

              {{ formulario.non_field_errors }}
             {% if messages %}
                        <div class="messages">
                                {% for message in messages %}
                                    <div{% if message.tags %} class="dgtic-message {{ message.tags }}"{% endif %}>{{ message }}
                                    </div>
                                {% endfor %}
                        </div>
             {% endif %}
                <fieldset class="dgtic-form-block">
                    <legend data-icon="icon-edit">Datos del Befeciario</legend>
                    {% include "form_snippet.html" with form=Beneficiario %}
                </fieldset>
                <fieldset class="dgtic-form-inline">
                    <legend data-icon="icon-edit">Encuesta del Beneficiario</legend>
                        {% 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" value="{{ o.id }}" id="{{ o.id }}"  name="checkbox" >&nbsp;&nbsp;{{ o.opcion }}<br>

                                {% endif %}

                                {% endfor %}
                        {% endfor %}

                </fieldset>
        </form>

    </div>
</div>


{% endblock %}

{% block jquery %}
<script>
$("#form").validate({
				ignore: '.ignore',
				rules: {

					beneficiario: {
						required: true,

					}
                    }
			});
$(document).ready(function(){

    $("#checkbox_comprobar").click(function() {
        if($("#checkbox").is(':checked')) {
            alert("Está activado");
        } else {
            alert("No está activado");
        }
    });

});
</script>
{% endblock %}