<%@page import="com.ejie.ab79.comun.Constantes"%>
<%@include file="/WEB-INF/includeTemplate.inc"%>

<div class="container">
	<jsp:include page="includes/establecimientosRegistradosFilterForm.jsp"></jsp:include>
	
	<c:set var="ACTIVOS" value="<%=Constantes.ESTABLECIMIENTOS_ACTIVOS %>"></c:set>
	<c:set var="BAJA" value="<%=Constantes.ESTABLECIMIENTOS_BAJA %>"></c:set>
	<c:set var="AMBOS" value="<%=Constantes.ESTABLECIMIENTOS_AMBOS %>"></c:set>
	
	<div class="card">
		<div class="card-header"><spring:message code="establecimientosRegistrados.criteriosBusqueda" /></div>
		<div class="card-body">
			<form id="formBusqedaEstablecimientosRegistrados">
				<div class="form-row">
					<div class="form-group col-xs-4">
						<input type="text" id="idCampainaFilter" name="campaina.idCampaina" value="${campaina.idCampaina}" hidden="true" />
						<label for="identificadorEstablecimientoFiltro"><spring:message code="establecimientosRegistrados.numeroRegistro" /></label>
						<input type="text" id="identificadorEstablecimientoFiltro" name="identificadorEstablecimiento" class="form-control" hidden="true" />
						<div class="row">
							<div class="col-xs-3 form-group">
								<input id="registroUno" class="form-control alignCenter inputRegistro" type="text" style="text-transform:uppercase" maxlength="1"/>
							</div>
							<div class="col-xs-3 form-group">
								<input id="registroDos" class="form-control alignCenter inputRegistro" type="text" style="text-transform:uppercase" maxlength="2"/>
							</div>
							<div class="col-xs-4 form-group">
								<input id="registroTres" class="form-control alignCenter inputRegistro" type="text" style="text-transform:uppercase" maxlength="5"/>
							</div>
						</div>
					</div>
					<div class="form-group col-xs-4">
						<label for="establecimientoFiltro"><spring:message code="establecimientosRegistrados.nombreComercial" /></label>
						<input type="text" id="establecimientoFiltro" name="datosDireccion.establecimiento" class="form-control" />
					</div>
					<div class="form-group col-xs-4">
						<label for="mostrarFiltro"><spring:message code="establecimientosRegistrados.mostrar" /></label>
						<select id="mostrarFiltro" name="mostrar" class="form-control">
							<option value="${ACTIVOS}"><spring:message code="establecimientosRegistrados.mostrarActivos" /></option>
							<option value="${BAJA}"><spring:message code="establecimientosRegistrados.mostrarBaja" /></option>
							<option value="${AMBOS}"><spring:message code="establecimientosRegistrados.mostrarAmbos" /></option>
						</select>
					</div>
				</div>
				<div class="form-row">
					<div class="form-group col-xs-4">
						<label for="tipoEstablecimientoComboFiltro"><spring:message code="establecimientosRegistrados.tipoActividad" /></label>
						<select id="tipoEstablecimientoComboFiltro" name="tipoEstablecimiento" class="form-control comboFiltro"></select>
					</div>
				</div>
				<div class="form-row">
					<div class="form-group col-xs-4">
						<label for="categoriaComboFiltro"><spring:message code="establecimientosRegistrados.categoria" /></label>
						<select id="categoriaComboFiltro" name="categoriaEstablecimiento" class="form-control comboFiltro"></select>
					</div>
					<div class="form-group col-xs-4">
						<label for="modalidadComboFiltro"><spring:message code="establecimientosRegistrados.modalidad" /></label>
						<select id="modalidadComboFiltro" name="modalidadEstablecimiento" class="form-control comboFiltro"></select>
					</div>
				</div>
				<div class="form-row">
					<div class="form-group col-xs-4">
						<label for="especialidadComboFiltro"><spring:message code="establecimientosRegistrados.especialidad" /></label>
						<select id="especialidadComboFiltro" name="especialidad" class="form-control comboFiltro"></select>
					</div>
					<div class="form-group col-xs-4">
						<label for="grupoComboFiltro"><spring:message code="establecimientosRegistrados.grupo" /></label>
						<select id="grupoComboFiltro" name="grupo" class="form-control comboFiltro"></select>
					</div>
				</div>
				<div class="form-row">
					<div class="form-group col-xs-4">
						<div class="row">
							<label class="fechaFiltroCampainas"><spring:message code="establecimientosRegistrados.fechaApertura" /></label>
						</div>
						<input type="text" id="fechaAperturaDesdeFiltro" name="fechaAperturaDesde" class="form-control campoFecha" /><label><spring:message code="establecimientosRegistrados.hasta" /></label>
						<input type="text" id="fechaAperturaHastaFiltro" name="fechaAperturaHasta" class="form-control campoFecha" />
					</div>
					<div class="form-group col-xs-4">
						<div class="row">
							<label class="fechaFiltroCampainas"><spring:message code="establecimientosRegistrados.fechaUltInspeccion" /></label>
						</div>
						<input type="text" id="fechaUltInspeccionDesdeFiltro" name="fechaUltinspeccionDesde" class="form-control campoFecha" /><label><spring:message code="establecimientosRegistrados.hasta" /></label>
						<input type="text" id="fechaUltInspeccionHastaFiltro" name="fechaUltinspeccionHasta" class="form-control campoFecha" />
					</div>
					<div class="form-group col-xs-4">
						<div class="row">
							<label class="fechaFiltroCampainas"><spring:message code="establecimientosRegistrados.fechaUltModificacion" /></label>
						</div>
						<input type="text" id="fechaUltModificacionDesdeFiltro" name="fechaUltmodificacionDesde" class="form-control campoFecha" /><label><spring:message code="establecimientosRegistrados.hasta" /></label>
						<input type="text" id="fechaUltModificacionHastaFiltro" name="fechaUltmodificacionHasta" class="form-control campoFecha" />
					</div>
				</div>
				<div class="form-row">
					<div class="card">	
						<div class="card-header"><spring:message code="establecimientosRegistrados.ubicacionActividad"/></div>
						<div class="card-body">
							<div class="row">
								<div class="col-xs-4 form-group">
									<label><spring:message code="nora.provincia" /></label>
									<div class="input-group">
										<input id="idProvinciaFiltro" class="form-control" style="text-align:center" onkeyup="buscarComboProvincia();"/>
										<span class="input-group-addon">&nbsp;&nbsp;</span>
										<select id="provinciaComboFiltro" name="datosDireccion.idProvincia" class="form-control comboFiltro"></select>
									</div>
								</div>
								<div class="col-xs-4 form-group">
									<label><spring:message code="nora.municipio" /></label>
									<div class="input-group">
										<input id="idMunicipioFiltro" class="form-control" style="text-align:center" onkeyup="buscarComboMunicipio();"/>
										<span class="input-group-addon">&nbsp;&nbsp;</span>
										<select id="municipioComboFiltro" name="datosDireccion.idMunicipio" class="form-control comboFiltro"></select>
									</div>
								</div>
								<div class="col-xs-4 form-group">
									<label><spring:message code="nora.localidad" /></label>
									<div class="input-group">
										<select id="localidadComboFiltro" name="datosDireccion.idLocalidad" class="form-control comboFiltro"></select>
									</div>
									
								</div>
							</div>
							<div class="row">
								<div class="col-xs-4 form-group">
									<label for="calleFiltro"><spring:message code="nora.direccion" /></label>
									<div class="input-group">
										<input type="text" id="calleFiltro" name="datosDireccion.direccion" class="form-control" />
									</div>
								</div>
								<div class="col-xs-1 form-group">
									<label for="numeroFiltro"><spring:message code="nora.numero" /></label>
									<input type="text" id="numeroFiltro" name="datosDireccion.numero" class="form-control" />
								</div>
								<div class="col-xs-1 form-group">
									<label for="escaleraFiltro"><spring:message code="nora.escalera" /></label>
									<input type="text" id="escaleraFiltro" name="datosDireccion.escalera" class="form-control" style="text-transform:uppercase" />
								</div>
								<div class="col-xs-1 form-group">
									<label for="pisoFiltro"><spring:message code="nora.piso" /></label>
									<input type="text" id="pisoFiltro" name="datosDireccion.piso" class="form-control" />
								</div>
								<div class="col-xs-1 form-group">
									<label for="letraFiltro"><spring:message code="nora.letra" /></label>
									<input type="text" id="letraFiltro" name="datosDireccion.letra" class="form-control" style="text-transform:uppercase" />
								</div>
								<div class="col-xs-2 form-group">
									<label for="codPostalFiltro"><spring:message code="nora.codigoPostal" /></label>
									<input type="text" id="codPostalFiltro" name="datosDireccion.codigoPostal" class="form-control" />
								</div>
							</div>
							<div class="row">
								<div class="col-xs-4 form-group">
									<label for="referenciaCatatstralFiltro"><spring:message code="establecimientosRegistrados.referenciaCatastral" /></label>
									<input type="text" id="referenciaCatastralFiltro" class="form-control" />
								</div>
							</div>
							<div class="row">
								<div class="form-group col-xs-4">
									<label for="numeroIdentificacionFiltro"><spring:message code="establecimientosRegistrados.numeroIdentificacion" /></label>
									<input type="text" id="numeroIdentificacionFiltro" name="datosTercero.documento" class="form-control" style="text-transform:uppercase" />
								</div>
								<div class="form-group col-xs-8">
									<label for="nombreRazonSocialFiltro"><spring:message code="establecimientosRegistrados.nombreRazonSocial" /></label>
									<input type="text" id="nombreRazonSocialFiltro" name="datosTercero.nombre" class="form-control" />
								</div>
							</div>
							<div class="row">
								<div class="col-xs-4 form-group">
									<label for="correoElectronicoFiltro"><spring:message code="establecimientosRegistrados.correoElectronico" /></label>
									<input type="text" id="correoElectronicoFiltro" name="datosTercero.email" class="form-control" />
								</div>
								<div class="col-xs-4 form-group">
									<label for="webFiltro"><spring:message code="establecimientosRegistrados.web" /></label>
									<input type="text" id="webFiltro" class="form-control" />
								</div>
								<div class="col-xs-4 form-group">
									<label for="telefonoFiltro"><spring:message code="establecimientosRegistrados.telefono" /></label>
									<input type="text" id="telefonoFiltro" name="datosTercero.telefono" class="form-control" />
								</div>
							</div>
						</div>
					</div>
				</div>
			</form>
		</div>
	</div>
	
	<div id="botoneraTablaEstablecimientos" class="botoneraTabla">
		<button class="btn btn-default btn-circle" id="btnAsociarEstablecimientoCampainas" type="button" data-toggle="tooltip" data-placement="top" title='<spring:message code="campainasInspeccion.asociarEstablecimientos" />'><i class="fa fa-link"></i></button>
		<button class="btn btn-default btn-circle" id="btnExportarExcelEstablecimientos" type="button" data-toggle="tooltip" data-placement="top" title='<spring:message code="campainasInspeccion.excel" />'><i class="fa fa-file-excel-o"></i></button>
	</div>
	
	<div id="establecimientosRegistrados_feedback"></div>
	<table id="establecimientosRegistrados" class="table table-striped" 
		data-url-base="/ab79WebAppWar/establecimientosregistrados"
		data-filter-form="#establecimientosRegistrados_filter_form" 
		style="width: 100%;">
	        <thead>
	            <tr>
		                <th data-col-prop="idEstablecimiento" data-col-sidx="IDESTABLECIMIENTO" >idEstablecimiento</th>
		                <th data-col-prop="identificadorEstablecimiento" data-col-sidx="IDENTIFICADORESTABLECIMIENTO" ><spring:message code="establecimientosRegistrados.numeroRegistroTabla" /></th>
		                <th data-col-prop="datosDireccion.establecimiento" data-col-sidx="ESTABLECIMIENTO" ><spring:message code="establecimientosRegistrados.nombreComercialTabla" /></th>
		                <th data-col-prop="datosDireccion.direccion" data-col-sidx="DIRECCION" ><spring:message code="establecimientosRegistrados.direccionTabla" /></th>
		                <th data-col-prop="fechaApertura" data-col-sidx="FECHAAPERTURA" ><spring:message code="establecimientosRegistrados.fechaAperturaTabla" /></th>
		                <th data-col-prop="datosTercero.documento" data-col-sidx="DOCUMENTO" ><spring:message code="establecimientosRegistrados.nifTitularTabla" /></th>
		                <th data-col-prop="nombreTitular" data-col-sidx="NOMBRE, APELLIDO1, APELLIDO2" ><spring:message code="establecimientosRegistrados.nombreTitularTabla" /></th>
		                <th class="all"><input type="checkbox" id="establecimientosCheckTodos"/></th>
	            </tr>
	        </thead>
	        <tfoot hidden="true">
	          <tr>
		              <th>idEstablecimiento</th>
		              <th>identificadorEstablecimiento</th>
		              <th>establecimiento</th>
		              <th>direccion</th>
		              <th>fechaApertura</th>
		              <th>documento</th>
		              <th>nombreTitular</th>
		              <th>establecimientosCheckTodos</th>
	          </tr>
	        </tfoot>
	</table>
	
	<jsp:include page="includes/establecimientosRegistradosEdit.jsp"></jsp:include>
	
</div>
<div id="space"></div>