<%@include file="/WEB-INF/includeTemplate.inc"%>

<div id="graficosDiv">
    <c:set var="idBloqueActual" value=""/>
    <c:forEach items="${listGrafico.listGrafico}" var="grafico" varStatus="loop1">
        <div>
            <c:if test="${grafico.bloque.idBloque ne idBloqueActual}">
            <div class="row mt-2">
                <div class="col-xl-6  col-xs-12  col-sm-5">
                    <h2><span>${grafico.bloque.descIntLocale}</span></h2>
                </div>
            </div>
            </c:if>
            <div class="respuesta-block">
            <div class="row mt-2">
                <div class="col-md-10">
                    <h3><span>${loop1.index+1}. ${grafico.pregunta.descPublLocale}</span></h3>
                </div>
            </div>
            <c:if test="${not empty grafico.pregunta.tipoPregunta.tipoGrafico}">
		        <div class="row mt-2">
		            <div class="col-xl-6  col-xs-12  col-sm-5">
		                <canvas id="grafico_${grafico.bloque.idBloque}_${grafico.pregunta.idPregunta}" ></canvas>
		            </div>
		        </div>
		        <c:if test="${grafico.pregunta.tipoPregunta.tipoGrafico eq 'B'}">
		          <div class="row ml-3 tabla-grafico">
		              <c:forEach items="${grafico.resultados}" var="resultado" varStatus="loop2">
		                 <div class="tabla-grafico-bloque">
	                           <div class="n-resp">${resultado.respuesta.descLocale}</div>
	                           
	                           <div class="n-votos"><spring:message code="comun.votos"/></div>
	                           
	                           <div class="n-num-votos">${resultado.numRespuestas}</div>
	                           
	                           <div class="porcentaje-votos">${resultado.porcentaje}%</div>
	                       </div>
		              </c:forEach>
		          </div>
		        </c:if>
	            <c:if test="${grafico.pregunta.tipoPregunta.tipoGrafico eq 'D'}">
                 <div class="row ml-3">
                     <c:forEach items="${grafico.resultados}" var="resultado" varStatus="loop3">
                        <div class="resp-si-no">
                           <div class="n-resp">${resultado.respuesta.descLocale}</div>
                           
                           <div><spring:message code="comun.votos"/></div>
                           
                           <div class="n-num-votos">${resultado.numRespuestas}</div>
                           
                           <div class="porcentaje-votos">${resultado.porcentaje}%</div>
                       </div>
                     </c:forEach>
                 </div>
               </c:if>
          </c:if>
          <c:if test="${empty grafico.pregunta.tipoPregunta.tipoGrafico}">
              <div class="row ml-3">
                  <c:forEach items="${grafico.resultados}" var="resultadoTexto" varStatus="loop4">
                     <c:if test="${not empty resultadoTexto.texto}">
                            <div class="resultado-texto">
                                <span>${resultadoTexto.texto}</span>
                            </div>
                     </c:if>
                  </c:forEach>
              </div>
          </c:if>
          </div>
	    </div>
        <c:set var="idBloqueActual" value="${grafico.bloque.idBloque}"/>
    </c:forEach>
</div>