<%@include file="/WEB-INF/includeTemplate.inc"%>
<%@taglib prefix="form" uri="/WEB-INF/tld/spring-form.tld"%>

<div class="container">
	
	<jsp:include page="includes/campainasInspeccionFilterForm.jsp"></jsp:include>
	
	<div class="card">
		<div class="card-header"><spring:message code="campainasInspeccion.criteriosBusqueda" /></div>
		<div class="card-body">
			<form id="formBusqedaCampainas">
				<div class="row">
					<div class="form-group col-xs-4">
						<label for="campainaFiltro"><spring:message code="campainasInspeccion.campainaEdit" /></label>
						<input type="text" id="campainaFiltro" class="form-control" />
					</div>
					<div class="form-group col-xs-4">
						<div class="row">
							<label for="fechaInicioFiltro" class="fechaFiltroCampainas"><spring:message code="campainasInspeccion.fechaInicioEdit" /></label>
						</div>
						<input type="text" id="fechaInicioDesdeFiltro" class="form-control campoFecha" /><span><spring:message code="campainasInspeccion.hasta" /></span>
						<input type="text" id="fechaInicioHastaFiltro" class="form-control campoFecha" />
					</div>
					<div class="form-group col-xs-4">
						<div class="row">
							<label for="fechaFinFiltro" class="fechaFiltroCampainas"><spring:message code="campainasInspeccion.fechaFinEdit" /></label>
						</div>
						<input type="text" id="fechaFinDesdeFiltro" class="form-control campoFecha" /><span><spring:message code="campainasInspeccion.hasta" /></span>
						<input type="text" id="fechaFinHastaFiltro" class="form-control campoFecha" />
					</div>
				</div>
				<div class="row">
					<div class="form-group col-xs-4">
						<label for="direccionesComboFiltro"><spring:message code="campainasInspeccion.direccionesCombo" /></label>
						<select id="direccionesComboFiltro" class="form-control"></select>
					</div>
				</div>
			</form>
		</div>
	</div>
	
	<div id="botoneraTablaCampainas" class="botoneraTabla">
		<button class="btn btn-default btn-circle" id="btnAniadirEstablecimiento" type="button" data-toggle="tooltip" data-placement="top" title='<spring:message code="campainasInspeccion.aniadirEstablecimiento" />'><i class="fa fa-pencil"></i></button>
		<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="btnExportarExcelCampainas" type="button" data-toggle="tooltip" data-placement="top" title='<spring:message code="campainasInspeccion.excel" />'><i class="fa fa-file-excel-o"></i></button>
		<button class="btn btn-default btn-circle" id="btnNuevaCampaina" type="button" data-toggle="tooltip" data-placement="top" title='<spring:message code="campainasInspeccion.nueva" />'><i class="fa fa-plus"></i></button>
		<button class="btn btn-default btn-circle" id="btnEditarCampaina" type="button" data-toggle="tooltip" data-placement="top" title='<spring:message code="campainasInspeccion.editar" />'><i class="fa fa-edit"></i></button>
		<button class="btn btn-default btn-circle" id="btnEliminarCampaina" type="button" data-toggle="tooltip" data-placement="top" title='<spring:message code="campainasInspeccion.eliminar" />'><i class="fa fa-trash"></i></button>
	</div>
	
	<div id="campainasInspeccion_feedback"></div>
	<table id="campainasInspeccion" class="table table-striped" 
		data-url-base="/ab79WebAppWar/campainasinspeccion"
		data-filter-form="#campainasInspeccion_filter_form" 
		style="width: 100%;">
	        <thead>
	            <tr>
		                <th data-col-prop="idCampaina" data-col-sidx="ID_CAMPAINA" >idCampaina</th> <!--  0 -->
		                <th data-col-prop="identificadorCampaina" data-col-sidx="IDENTIFICADOR_CAMPAINA" ><spring:message code="campainasInspeccion.campaina" /></th> <!--  1 -->
		                <th data-col-prop="protocolo.descripcionCastellano" data-col-sidx="PROTOCOLODESCES"><spring:message code="campainasInspeccion.protocolo" /></th> <!-- 2 -->
		                <th data-col-prop="protocolo.descripcionEuskera" data-col-sidx="PROTOCOLODESCEU"><spring:message code="campainasInspeccion.protocolo" /></th> <!-- 3 -->
		                <th data-col-prop="direccion.descripcionCastellano" data-col-sidx="DIRECCIONDESCES"><spring:message code="campainasInspeccion.direccion" /></th> <!-- 4 -->
		                <th data-col-prop="direccion.descripcionEuskera" data-col-sidx="DIRECCIONDESCEU"><spring:message code="campainasInspeccion.direccion" /></th> <!-- 5 -->
		                <th data-col-prop="procedimiento.descripcionEs" data-col-sidx="PROCEDIMIENTODESCES"><spring:message code="campainasInspeccion.procedimiento" /></th> <!-- 6 -->
		                <th data-col-prop="procedimiento.descripcionEu" data-col-sidx="PROCEDIMIENTODESCEU"><spring:message code="campainasInspeccion.procedimiento" /></th> <!-- 7 -->
		                <th data-col-prop="descripcionCastellano" data-col-sidx="DESCRIPCIONCASTELLANO" ><spring:message code="campainasInspeccion.nombreCampaina" /></th> <!-- 8 -->
		                <th data-col-prop="descripcionEuskera" data-col-sidx="DESCRIPCIONEUSKERA" ><spring:message code="campainasInspeccion.nombreCampaina" /></th> <!-- 9 -->
		                <th data-col-prop="fechaInicio" data-col-sidx="FECHAINICIO" ><spring:message code="campainasInspeccion.fechaInicio" /></th> <!-- 10 -->
		                <th data-col-prop="fechaFin" data-col-sidx="FECHAFIN" ><spring:message code="campainasInspeccion.fechaFin" /></th> <!-- 11 -->
		                <th data-col-prop="numeroInspeccionados" data-col-sidx="NUMEROINSPECCIONADOS"><spring:message code="campainasInspeccion.numeroInspeccionados" /></th> <!-- 12 -->
		                <th data-col-prop="countDocumentos" data-col-sidx="COUNT_DOCUMENTOS"></th> <!-- 13 -->
	            </tr>
	        </thead>
	        <tfoot hidden="true">
	          <tr>
		              <th>idCampaina</th>
		              <th>identificadorCampaina</th>
		              <th>protocolo.descripcionCastellano</th>
		              <th>protocolo.descripcionEuskera</th>
		              <th>direccion.descripcionCastellano</th>
		              <th>direccion.descripcionEuskera</th>
		              <th>procedimiento.descripcionEs</th>
		              <th>procedimiento.descripcionEu</th>
		              <th>descripcionCastellano</th>
		              <th>descripcionEuskera</th>
		              <th>fechaInicio</th>
		              <th>fechaFin</th>
		              <th>numeroInspeccionados</th>
		              <th>countDocumentos</th>
	          </tr>
	        </tfoot>
	</table>
	
	<jsp:include page="includes/campainasInspeccionEdit.jsp"></jsp:include>
	
	<!-- MODAL AÑADIR ESTABLECIMIENTO -->
	<div class="modal" id="aniadirEstablecimientoModal">
		<div class="modal-body">
			<form:form id="aniadirEstablecimientoModalForm" modelAttribute="establecimientosRegistrados">
				<div id="aniadirEstablecimientoModalFeedback"></div>
				<input type="text" id="aniadirEstablecimientoModalIdCampaina" name="campaina.idCampaina" class="form-control" hidden="true" />
								
				<!-- Datos tercero -->
				<div class="form-row">
					<div class="card" id="datosTitularModal">
						<div class="card-header"><spring:message code="establecimientosRegistrados.datosTitular" /></div>
						<div class="card-body">
							<div class="row">
								<div class="col-xs-4 form-group">
									<label for="nombreModal"><spring:message code="datosTercero.nombre" /></label>
									<input type="text" id="nombreModal" name="datosTercero.nombre" class="form-control" />
								</div>
								<div class="col-xs-4 form-group">
									<label for="apellido1Modal"><spring:message code="datosTercero.apellido1" /></label>
									<input type="text" id="apellido1Modal" name="datosTercero.apellido1" class="form-control" />
								</div>
								<div class="col-xs-4 form-group">
									<label for="apellido2Modal"><spring:message code="datosTercero.apellido2" /></label>
									<input type="text" id="apellido2Modal" name="datosTercero.apellido2" class="form-control" />
								</div>
							</div>
							
							<div class="row">
								<div class="col-xs-4 form-group">
									<label for="tipoDocumentoModal"><spring:message code="datosTercero.tipoDocumento" /></label>
									<select id="tipoDocumentoModal" name="datosTercero.tipoDocumento.idTipoDocumento" class="form-control comboModal"></select>
								</div>
								<div class="col-xs-4 form-group">
									<label for="documentoModal"><spring:message code="datosTercero.documento" /></label>
									<input type="text" id="documentoModal" name="datosTercero.documento" class="form-control" style="text-transform:uppercase" />						
								</div>
								<div class="col-xs-4 form-group">
									<label for="sexoModal"><spring:message code="datosTercero.sexo" /></label>
									<select id="sexoModal" name="datosTercero.sexo.idSexo" class="form-control comboModal"></select>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- Datos dirección -->
				<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-8 form-group">
									<label for="nombreComercialModal"><spring:message code="establecimientosRegistrados.nombreComercial" /></label>
									<input type="text" id="nombreComercialModal" name="datosDireccion.establecimiento" class="form-control" />
								</div>
							</div>
							<div class="row">
								<div class="col-xs-4 form-group">
									<label for="idProvinciaModal"><spring:message code="nora.provincia" /></label>
									<div class="input-group">
										<input id="idProvinciaModal" class="form-control" style="text-align:center" onkeyup="buscarComboProvincia();"/>
										<span class="input-group-addon">&nbsp;&nbsp;</span>
										<select id="provinciaComboModal" name="datosDireccion.idProvincia" class="form-control comboModal"></select>
									</div>
								</div>
								<div class="col-xs-4 form-group">
									<label for="idMunicipioModal"><spring:message code="nora.municipio" /></label>
									<div class="input-group">
										<input id="idMunicipioModal" class="form-control" style="text-align:center" onkeyup="buscarComboMunicipio();"/>
										<span class="input-group-addon">&nbsp;&nbsp;</span>
										<select id="municipioComboModal" name="datosDireccion.idMunicipio" class="form-control comboModal"></select>
									</div>
								</div>
								<div class="col-xs-4 form-group">
									<label><spring:message code="nora.localidad" /></label>
									<div class="input-group">
										<select id="localidadComboModal" name="datosDireccion.idLocalidad" class="form-control comboModal"></select>
									</div>
									
								</div>
							</div>
							<div class="row">
								<div class="col-xs-5 form-group">
									<label for="calleModal"><spring:message code="nora.direccion" /></label>
									<div class="input-group">
										<input type="text" id="calleModal" name="datosDireccion.direccion" class="form-control" />
									</div>
								</div>
								<div class="col-xs-5 form-group">
									<div class="input-group">
										<div class="col-xs-3 form-group">
											<label for="numeroModal"><spring:message code="nora.numero" /></label>
											<input type="text" id="numeroModal" name="datosDireccion.numero" class="form-control" />
										</div>
										<div class="col-xs-3 form-group">
											<label for="escaleraModal"><spring:message code="nora.escalera" /></label>
											<input type="text" id="escaleraModal" name="datosDireccion.escalera" class="form-control" style="text-transform:uppercase" />
										</div>
										<div class="col-xs-3 form-group">
											<label for="pisoModal"><spring:message code="nora.piso" /></label>
											<input type="text" id="pisoModal" name="datosDireccion.piso" class="form-control" />
										</div>
										<div class="col-xs-3 form-group">
											<label for="letraModal"><spring:message code="nora.letra" /></label>
											<input type="text" id="letraModal" name="datosDireccion.letra" class="form-control" style="text-transform:uppercase" />
										</div>
									</div>
								</div>
								<div class="col-xs-2 form-group">
									<label for="codPostalModal"><spring:message code="nora.codigoPostal" /></label>
									<input type="text" id="codPostalModal" name="datosDireccion.codigoPostal" class="form-control" />
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="form-row">
					<div class="col-xs-12">
						<label for="observacionesModal"><spring:message code="campainasInspeccion.observaciones" /></label>
						<textarea id="observacionesModal" name="observaciones" class="form-control" style="height: 8em"></textarea>
					</div>
				</div>
			</form:form>
		</div>
		<div class="modal-footer">
			<div class="row">
				<div class="col-xs-12 form-group">
					<button type="submit" class="btn btn-primary" id="aniadirEstablecimientoModalGuardar"><spring:message code="tooltip.aniadir" /></button>
					<button class="btn btn-light" id="aniadirEstablecimientoModalCancelar"><spring:message code="cancel" /></button>
				</div>
			</div>
		</div>
	</div>
	
</div>
<div id="space"></div>