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

<div id="divBLoquesPreguntas" class="container-fluid y41e-fade in">
    <h2 id="titEncuesta" class="pt-2"></h2>
    <div class="mt-3">
        <div id="bloques_feedback"></div>
	    <div id="bloques_toolbar"></div>
		<div id="sortableBloque-content" class="y41e-animate">
		    <!-- sortable de bloques -->
		    <div id="sortableBloque" class="rup-list-div list-group y41e-animate">
		        <div id="sortableBloque-itemTemplate" class="list-group-item list-group-item-action flex-column align-items-start bloque-item">
		           
		            <div class="header-bloque"><div class="bloque-enlazado d-none"> <spring:message code="comun.bloqueEnlazado" /></div>
		            <div class="mover-bloque">
		             <i class="fa fa-2x fa-arrows-alt" aria-hidden="true"></i>
		             </div>
		                <div class="titulo-bloque">
		                       <div id="bloque.descIntEu_value" class="normal-font"></div>
		                       <strong id="bloque.descIntEs_value"></strong>
		                       </div>
		               <div class="preguntas-bloque">
		                            <label id="bloque.numPreguntas_label" class="label-grey"></label>
		                            <br>
		                            <span id="bloque.numPreguntas_value"></span>
		                            <span id="bloque.isEnlazada_value" class="d-none"></span>
		                   </div>
		                        <div class="actions">
		                            <button type="button" class="verDetalle" id="editarBloque">
		                                <span class="d-none" id="json_value"></span>  
		                                <i class="fa fa-pencil" aria-hidden="true"></i>
		                            </button>
		                            <button type="button" class="eliminar" id="eliminarBloque">
		                                <span class="d-none" id="json_value"></span>  
		                                <i class="fa fa-chain-broken" aria-hidden="true"></i>
		                            </button>
		                            <button type="button" id="ocultar" class="text-right">
                                        <span class="d-none" id="json_value"></span>  
                                        <i class="fa fa-angle-down" aria-hidden="true"></i>
                                    </button>
		                        </div>
		                  
		            </div>
		            <!-- sortable de preguntas -->
		            <div class="row" id="sortablePregunta-toggle" style="display: none">
	                <div id="sortablePregunta-content" class="y41e-animate" style="display: none;">
	        <div id="sortablePregunta" class="rup-list-div list-group y41e-animate">
	            <!--CONTENIDO-->
	            <div id="sortablePregunta-itemTemplate" class="list-group-item list-group-item-action flex-column align-items-start bloque-interior">
                    <span id="pregunta.isEnlazada_value" class="d-none"></span>
                    <span id="pregunta.hasEnlazada_value" class="d-none"></span>
                    <span id="pregunta.isBloqueEnlazada_value" class="d-none"></span>
	                <div class="p-enlazada d-none"> <i class="fa fa-link" aria-hidden="true"></i> <spring:message code="comun.preguntaEnlazada" /></div>
	                <div class="row"><div class="col-md-1 mover-pregunta">
	              	  <i class="fa fa-2x fa-arrows-alt" aria-hidden="true"></i></div>
	                    <div class="col-md-5 titulo-pregunta">
	                        
	                           <div id="pregunta.descInt${LOCALE_CAMEL}_value"  class="normal-font"></div>
                               
                               <strong id="pregunta.descPubl${LOCALE_CAMEL}_value" class="text-bold"></strong>
                            
	                    </div>
	                    <div class="col-md-6">
	                        <div class="col-xs-12 col-sm-4 line-height-none">
	                          
	                                <label id="pregunta.tipoPregunta.desc${LOCALE_CAMEL}_label" class="label-grey"></label>
		                            <br>
		                            <span id="pregunta.tipoPregunta.desc${LOCALE_CAMEL}_value"></span>
		                            <span id="pregunta.tipoPregunta.idTipoPregunta_value" class="d-none"></span>
	                            
	                        </div>
	                        <div class="col-xs-12 col-sm-3 line-height-none">
                                
                                    <label id="pregunta.obligatorio_label" class="label-grey"></label>
                                    <br>
                                    <span id="pregunta.obligatorio_value"></span>
                               
                            </div>
                            <div class="col-xs-12 col-sm-1 line-height-none">
                                
                                    <label id="pregunta.aviso_label" class="label-grey"></label>
                                   <br>
                                    <span id="pregunta.aviso_value"></span>
                                
                            </div>
	                        <div class="col-xs-12 col-sm-4 text-right">
	                            <div class="actions">
	                                <button type="button" class="verDetalle" id="editarPregunta">
                                        <span class="d-none" id="json_value"></span>  
                                        <i class="fa fa-pencil" aria-hidden="true"></i>
                                    </button>
                                    <button type="button" class="enlazar" id="enlazarPregunta">
                                         <span class="d-none" id="json_value"></span>  
                                         <i class="fa fa-link" aria-hidden="true"></i>
                                     </button>
	                                <button type="button" class="eliminar" id="eliminarPregunta">
                                        <span class="d-none" id="json_value"></span>  
                                        <i class="fa fa-chain-broken" aria-hidden="true"></i>
                                    </button>
	                            </div>
	                        </div>
	                    </div>
	                </div>
	            </div>
	        </div>
        </div><div class="row">
					    <div id="botones">
	                        <!-- Botón de filtrado -->
	                        <button id="botNuevo" type="button" class="ui-button ui-widget ui-state-default ui-corner-all">
	                           <i class="fa fa-plus" aria-hidden="true"></i>
	                           <spring:message code="boton.nuevaPregunta" />
	                        </button>
	                        <button id="botAsociar" type="button" class="ui-button ui-widget ui-state-default ui-corner-all">
	                           <i class="fa fa-link" aria-hidden="true"></i>
	                           <spring:message code="boton.asociarPregunta" />
	                        </button>
	                    </div>
	                    </div>
		            </div>
		        </div>
		    </div>
		</div>
        <div class="mt-2 mb-2 text-right">
              <c:if test="${MODO eq 'D'}">
                    <button id="btnVolverBusquedaBloques" type="button" class="btn btn-secondary">
                       <i class="fa fa-arrow-circle-o-left" aria-hidden="true"></i>
                       <spring:message code="boton.volver" />
                    </button>
              </c:if>
              <button id="bntAnterior" type="button" class="btn btn-secondary">
                  <i class="fa fa-backward" aria-hidden="true"></i>
                  <spring:message code="boton.anterior" />
              </button>
        </div>
	</div>
</div>