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

<div id="divBusqEncuestas" class="container y41e-fade in">
    <h2><spring:message code="page.gestionarencuestas.title"/></h2>
    <hr class="mb-2">
    <div id="busqEncuesta_div" class="rup-table-container">
	    <div id="busqEncuesta_feedback"></div>
	    <div id="busqEncuesta_filter_div" class="rup-table-filter">
		    <form id="busqEncuesta_filter_form">
		        <div id="busqEncuesta_filter_toolbar" class="formulario_legend">
		            
		              <span id="busqEncuesta_filter_toggle_label" class="rup-table-filter-toggle-label" style="color:blue;" tabindex="0"><spring:message code="comun.criteriosFiltrado" /></span>
		              <span id="busqEncuesta_filter_summary"> <i> </i></span>
		              <span id="busqEncuesta_filter_toggle_icon2" class="collapse_icon_right ui-icon ui-icon-circle-triangle-n" tabindex="0"></span>
		        </div>
		        <fieldset id="busqEncuesta_filter_fieldset" class="rup-table-filter-fieldset">
		              <div class="p-2">
		                  <div class="formulario_columna_cnt data-block" id="filtro">
					        <div class="form-row">
					            <div class="col-xs-12 col-sm-6">
					                <label for="descPubl_filter"><spring:message code="comun.titPubl" /></label>
					                <input class="form-control" id="descPubl_filter" maxlength="200" name="descPubl">
					            </div>
					            <div class="col-xs-12 col-sm-6">
                                    <label for="descInt_filter"><spring:message code="comun.titInt" /></label>
                                    <input class="form-control" id="descInt_filter" maxlength="200" name="descInt">
                                </div>
					        </div>
					        <div class="form-row">
					             <div class="col-xs-12 col-sm-6">
                                    <label for="area_filter"><spring:message code="comun.area" /></label>
                                    <select name="area.idArea" id="area_filter" class="form-control"></select>
                                </div>
                                <div class="col-xs-12 col-sm-6">
                                    <label for="origen_filter"><spring:message code="comun.origen" /></label>
                                    <select name="origen.idOrigen" id="origen_filter" class="form-control"></select>
                                </div>
					        </div>
					        <div class="form-row">
                                <div class="col-xs-12 col-sm-2">
                                    <label for="fecEnvioInicio_filter"><spring:message code="comun.fechaEnvioInicio" /></label>
                                    <input type="text" name="fecEnvioInicio" class="form-control" id="fecEnvioInicio_filter" maxlength="10"/>
                                </div>
                                <div class="col-xs-12 col-sm-2">
                                    <label for="fecEnvioFin_filter"><spring:message code="comun.fechaEnvioFin" /></label>
                                    <input type="text" name="fecEnvioFin" class="form-control" id="fecEnvioFin_filter" maxlength="10"/>
                                </div>
                                <div class="col-xs-12 col-sm-2">
                                    <label for="fecVigInicio_filter"><spring:message code="comun.fechaVigenciaInicio" /></label>
                                    <input type="text" name="fecVigInicio" class="form-control" id="fecVigInicio_filter" maxlength="10"/>
                                </div>
                                <div class="col-xs-12 col-sm-2">
                                    <label for="fecVigFin_filter"><spring:message code="comun.fechaVigenciaFin" /></label>
                                    <input type="text" name="fecVigFin" class="form-control" id="fecVigFin_filter" maxlength="10"/>
                                </div>
                            </div>
					        
					        
					        <div class="form-row">
					            <div class="col-xs-12 col-sm-2">
                                    <label for="periodoRespuesta_filter"><spring:message code="comun.periodoRespuesta" /></label>
                                    <select name="periodoRespuesta" id="periodoRespuesta_filter" class="form-control"></select>
                                </div>
					            <div class="col-xs-12 col-sm-2">
					                <label for="activa_filter"><spring:message code="comun.activa" /></label>
					                <select name="activa" id="activa_filter" class="form-control"></select>
					            </div>
					            <div class="col-xs-12 col-sm-2">
					                <label for="enviada_filter"><spring:message code="comun.enviada" /></label>
					                <select name="enviada" id="enviada_filter" class="form-control"></select>
					            </div>
					        </div>
					    </div>
		            </div>
                    <div id="busqEncuesta_filter_buttonSet" class="tableFilter-buttons text-center">
                        <!-- Botón de filtrado -->
                        <button id="botBuscar" type="button" class="ui-button ui-widget ui-state-default ui-corner-all"><spring:message code="filter" /></button>
                        <a id="botLimpiar" href="javascript:void(0)" class="rup-enlaceCancelar"><spring:message code="clear" /></a>
                    </div>
			        </fieldset>
		    </form>
	    </div>
    </div>
    
    <div id="rup-list-content" class="rup-list-div y41e-animate" style="display: none;">
        <div id="rup-list-feedback"></div>
        <!--HEADER-->
        <fieldset id="rup-list-header" class="y41e-body-bg">
            <div class="form-inline row">
                <div
                    class="form-group col-xs-12 col-sm-4 col-md-3 col-lg-4 col-xl-4 ">
                    <label for="rup-list-header-rowNum">
                        <spring:message code="rupList.mostrar" />
                    </label>
                    <select id="rup-list-header-rowNum" class="form-control"></select>
                    <small class="text-muted">
                        <spring:message code="rupList.resultadosPorPagina" />
                    </small>
                </div>
                <div
                    class="form-group col-xs-12 col-sm-6 col-md-4 col-lg-4">
                    <label for="rup-list-header-sidx">
                        <spring:message code="rupList.ordenarPor" />
                    </label>
                    <select id="rup-list-header-sidx" class="form-control"></select>
                    <button id="rup-list-header-sord" type="button" class="btn">
                        <i class="fa fa-sort-amount-asc" aria-hidden="true"></i>
                    </button>
                </div>
                <div
                    class="form-group col-xs-12 col-sm-2 col-md-5 col-lg-4"
                    style="text-align: right;">
                    <nav id="rup-list-header-nav" aria-label="...">
                        <ul class="pagination y41e-noMargin">
                            <li id="rup-list-header-page-prev"
                                class="y41e-rup-list-pagePrev page-item disabled">
                                <a class="page-link hidden-lg-down" style="padding-top: 0.5rem;"
                                    href="javascript:void(0)" tabindex="-1">
                                    <spring:message code="rupList.header.anterior" />
                                </a>
                                <a class="page-link hidden-xl-up visible-lg-down"
                                    href="javascript:void(0)" tabindex="-1">
                                    <i class="fa fa-angle-double-left" style="font-size: 19px;"
                                        aria-hidden="true"></i>
                                </a>
                            </li>
                            <li class="page-item page-separator disabled">
                                <a class="page-link" href="javascript:void(0)" tabindex="-1">...</a>
                            </li>
                            <li class="page-item page-separator disabled">
                                <a class="page-link" href="javascript:void(0)" tabindex="-1">...</a>
                            </li>
                            <li id="rup-list-header-page-next"
                                class="y41e-rup-list-pageNext page-item">
                                <a class="page-link hidden-lg-down" style="padding-top: 0.5rem;"
                                    href="javascript:void(0)">
                                    <spring:message code="rupList.header.siguiente" />
                                </a>
                                <a class="page-link hidden-xl-up visible-lg-down"
                                    href="javascript:void(0)" tabindex="-1">
                                    <i class="fa fa-angle-double-right" style="font-size: 19px;"
                                        aria-hidden="true"></i>
                                </a>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
        </fieldset>

        <div id="rup-list" class="list-group y41e-animate">
            <!--CONTENIDO-->
            <div id="rup-list-itemTemplate" class="list-group-item list-group-item-action flex-column align-items-start lista-encuestas" style="z-index: 1">
                <div class="row"  id="verDetalle_id">
                 
	                      
                    
          <div class="col-md-8">
                            
                            <span id="idEncuesta_value" class="enc-id"></span>
                            <h2 id="descInt${LOCALE_CAMEL}_value" class="ml-2"></h2>
                        
                   
				<div class="row">
				<div class="item-menu" style="z-index: 1"><i class="fa fa-ellipsis-v" aria-hidden="true"></i></div>
					<div class="col-md-6 pl-4">
	                            <label id="area.desc${LOCALE_CAMEL}_label" class="label-grey"></label><br>
	                            <div id="area.desc${LOCALE_CAMEL}_value"></div>
					</div>
					<div class="col-md-6">
	                            <label id="origen.desc${LOCALE_CAMEL}_label" class="label-grey"></label><br>
	                            <div id="origen.desc${LOCALE_CAMEL}_value"></div>
	                            </div>
	             </div>
			</div>
			<div class="col-md-4">
				<div class="row">
							
							<div class="col-md-4">
		                            <label id="enviada_label" class="label-grey"></label><br>
		                            <span id="enviada_value"></span>
							</div>
							<div class="col-md-8">
	                                <label id="respondida_label" class="label-grey"></label><br>
	                                <span id="respondida_value"></span>
							</div>
		                   
	             </div>
	             <div class="row">
	                 <div class="col-md-2">
	                           <label id="activa_label" class="label-grey"></label><br>
	                           <span id="activa_value"></span>
					</div>
				     <div class="col-md-5">
	              
	                    
	                          
	                            
	                                  <label id="fecAlta_label" class="label-grey"></label><br>
	                                  <span class="fechaEncuesta" id="fecAlta_value"></span>
	                    </div>
	                    <div class="col-md-5">
	                        
	                        
	                            
	                               <label id="fecEnvio_label" class="label-grey"></label><br>
	                               <span class="fechaEncuesta" id="fecEnvio_value"></span>
	                  </div>
	             </div>
             </div>
	            <div class="y41e-item-actions col-lg-3">
                            <a class="btn cerrar hidden-lg-up" href="javascript:void(0)">
                                <i class="fa fa-times" aria-hidden="true"></i>
                            </a>
                            <div class="bottom-container">
                                <button type="button" class="btn" id="copiar_">
                                    <span><i class="fa fa-clone" aria-hidden="true"></i></span>
                                    <span><spring:message code="comun.copiar" /></span>
                                </button>
                                <button type="button" class="btn" id="eliminar_">
                                    <span><i class="fa fa-trash-o" aria-hidden="true"></i></span>
                                    <span><spring:message code="comun.eliminar" /></span>
                                </button>
                                <button type="button" class="btn" id="exportar_">
                                    <span><i class="fa fa-file-excel-o" aria-hidden="true"></i></span>
                                    <span><spring:message code="comun.exportar" /></span>
                                </button>
                            </div>
                        </div>          
                </div>
            </div>
        </div>
    </div>
</div>

<jsp:include page="/WEB-INF/views/encuestas/detalleEncuesta.jsp" />