{% extends 'explicacion.situacional.html' %}
{% load staticfiles %}
{% block titulo %}_-=SAPIC-Caracterización Económica=-_{% endblock titulo %}
{% block extracss %}
  {% load staticfiles %}
   <link rel="stylesheet" type="text/css" href="{% static "DataTables/media/css/jquery.dataTables.min.css" %}">
  <link rel="stylesheet" type="text/css" href="{% static "DataTables/extensions/Buttons/css/buttons.dataTables.min.css" %}">
  <link rel="stylesheet" type="text/css" href="{% static "DataTables/extensions/Select/css/select.dataTables.min.css" %}">
  <link rel="stylesheet" type="text/css" href="{% static "DataTables/extensions/Responsive/css/responsive.dataTables.min.css" %}">
{% endblock extracss %}

{% block extrajs %}
<script type="text/javascript" language="javascript" src="{% static "DataTables/media/js/jquery.dataTables.min.js" %}"></script>
<script type="text/javascript" language="javascript" src="{% static "DataTables/extensions/Buttons/js/dataTables.buttons.min.js" %}"></script>
<script type="text/javascript" language="javascript" src="{% static "DataTables/extensions/Buttons/js/buttons.print.min.js" %}"></script>
<script type="text/javascript" language="javascript" src="{% static "DataTables/extensions/Buttons/js/buttons.jqueryui.js" %}"></script>
<script type="text/javascript" language="javascript" src="{% static "DataTables/extensions/Buttons/js/buttons.html5.min.js" %}"></script>
<script src="{% static 'js/funciones.js' %}"></script>
{% endblock extrajs %}

{% block contenido_principal %}
    <div class="col-xs-12">
        <div class="panel-sapic">
            <section class="content-header">
                  <h2>
                    Caracterización Económica
                    <small>Encuesta características Económica de la comunidad</small>
                  </h2>
            </section>
            <section class="content">
            {% if consultas %}
              <select id="select_filter" style="color:#000"><option value="">Consulta</option></select>
                <table id="tabla-participacion" class="display ">
                    <thead>
                        <tr>
                            <th class="economica0">Pregunta</th>
                            <th class="economica1">Respuesta</th>
                            <th class="econimica2">Consulta</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for respuesta in si_no %}
                          {% if respuesta.respuesta %}
                            <tr>
                                <td>{{ respuesta.pregunta }}</td>
                                <td onclick="return abrir_modal('{% url 'explicacion:modificar_respuesta_' respuesta.pregunta.tipo_pregunta.pk respuesta.pk %}')">Si</td>  
                                <td>{{ respuesta.pregunta.consulta.nombre_consulta | cut:" de mi comunidad" | title}}</td>                        
                            </tr>
                          {% else %}
                            <tr>
                              <td> {{respuesta.pregunta}} </td>
                              {% for justificacion in abierta  %}
                                {% if justificacion.es_justificacion and justificacion.pregunta.pk == respuesta.pregunta.pk %}
                                  <td onclick="return abrir_modal('{% url 'explicacion:modificar_respuesta_' respuesta.pregunta.tipo_pregunta.pk respuesta.pk %}')">No,{{justificacion.texto_respuesta}} </td>  
                                {% endif %}
                              {% endfor %}
                              <td>{{ respuesta.pregunta.consulta.nombre_consulta | cut:" de mi comunidad" | title}}</td>
                            </tr>
                          {% endif %} 
                        {% endfor %}
                        {% for respuesta in opciones %}
                        <tr>
                            <td>{{ respuesta.opcion.pregunta }}</td>
                            <td onclick="return abrir_modal('{% url 'explicacion:modificar_respuesta_' respuesta.opcion.pregunta.tipo_pregunta.pk respuesta.pk %}')">{{ respuesta.opcion }}</td>
                            <td>{{ respuesta.opcion.pregunta.consulta.nombre_consulta | cut:" de mi comunidad" | title}}</td> 
                        </tr>
                        {% endfor %}
                        {% for respuesta in abierta %}
                            {% if not respuesta.es_justificacion %}
                            <tr>
                              <td>{{ respuesta.pregunta }}</td>
                              <td onclick="return abrir_modal('{% url 'explicacion:modificar_respuesta_' respuesta.pregunta.tipo_pregunta.pk respuesta.pk %}')">{{ respuesta.texto_respuesta }}</td>
                              <td>{{ respuesta.pregunta.consulta.nombre_consulta | cut:" de mi comunidad" | title}}</td> 
                            </tr>     
                            {% endif %} 
                        {% endfor %}
                        {% for respuesta in ubicacion %}
                        <tr>
                            <td>{{ respuesta.pregunta }}</td>
                            <td>{{ respuesta.coordenadas }}</td>
                            <td>{{ respuesta.pregunta.consulta.nombre_consulta }}</td> 
                            <td><a class="btn" href="#"><i class="icon"></i></a></td>         
                        </tr>
                        {% endfor %}
                    </tbody> 
                </table>
            {% endif %}
             <div id="popup" class="modal fade" role="dialog"></div>
            </section>
        </div>
    </div>
{% endblock contenido_principal %}