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

<!-- Formulario de detalle -->
<div id="actuaciones_detail_div" class="rup-table-formEdit-detail">
	<div id ="actuaciones_detail_navigation" hidden="true"></div>			<!-- Barra de navegación del detalle -->
		<form:form id="actuaciones_detail_form" modelAttribute="actuaciones">					<!-- Formulario -->
			<div id ="actuaciones_detail_feedback"></div>		<!-- Feedback del formulario de detalle -->
				<!-- Campos del formulario de detalle -->
				<div class="form-group col-sm" hidden="true">
					<label for="idActuacion_detail_table"><spring:message code="idActuacion"/></label>
					<input type="text" name="idActuacion" class="formulario_linea_input form-control" id="idActuacion_detail_table"/>
				</div>
				
				<div class="form-group col-sm" hidden="true">
					<label for="idInspeccion_detail_table"><spring:message code="idInspeccion"/></label>
					<input type="text" name="inspeccion.idInspeccion" class="formulario_linea_input form-control" id="idInspeccion_detail_table_actuaciones"/>
				</div>
				<div class="form-group col-sm" hidden="true">
					<label for="idInspectorInspeccion_detail_table"><spring:message code="idInspeccion"/></label>
					<input type="text" name="inspector.idInspector" class="formulario_linea_input form-control" id="idInspectorInspeccion_detail_table"/>
				</div>
				
				<div class="form-row">
					<c:if test="${parametroMovilidad == 1}">
						<div id="mostrarActuacionMovil" class="form-group col-sm col-sm-12 col-md-1 col-lg-1 col-xl-1" style="display:none;font-size: 40px;"><i class="fa fa-tablet fa-10x"></i></div>
					</c:if>
					<div class="form-group col-sm col-sm-12 col-md-6 col-lg-6 col-xl-6 validation-label-fix">
						<label for="tipoSelect" class="required"><spring:message code="actuaciones.actuacionesEdit.tipo" /></label>
						<select id="tipoSelect" name="tipoActuacion.idTipoActuacion" class="form-control combo"></select>
					</div>
					<div class="form-group col-sm col-sm-12 col-md-5 col-lg-5 col-xl-5 validation-label-fix">
						<label for="resultadoSelect" class="required"><spring:message code="actuaciones.actuacionesEdit.resultado" /></label>
						<select id="resultadoSelect" name="resultadoActuacion.idResultadoActuacion" class="form-control combo"></select>
					</div>
				</div>
				
				<div class="form-row">
					<div class="form-group col-sm col-sm-12 col-md-6 col-lg-6 col-xl-4 mt-4">
						<label for="fechaActuacion_detail_table" class="required"><spring:message code="actuaciones.actuacionesEdit.fecha"/></label>
						<div class="input-group date">
							<input type="text" name="fechaActuacion" class="formulario_linea_input form-control campoFecha" id="fechaActuacion_detail_table"/>
						</div>
					</div>
					
					<div class="form-group col-smcol-sm-12 col-md-6 col-lg-6 col-xl-2 mt-4">
						<label for="plazo_detail_table"><spring:message code="actuaciones.actuacionesEdit.plazo"/></label>
						<div class="form-row">
							<div class="col-xs-8">
								<input type="number" name="plazo" class="formulario_linea_input form-control" id="plazo_detail_table" maxlength="4" min="1" />
							</div>
							<div class="col-xs-4">
								<span><spring:message code="actuaciones.actuacionesTabla.dias" /></span>
							</div>
						</div>
					</div>
					
					<div class="form-group col-sm col-sm-12 col-md-6 col-lg-6 col-xl-6 mt-4">
						<label for="inspector_detail_table"><spring:message code="actuaciones.actuacionesEdit.inspector"/></label>
						<input type="text" name="inspector.nombreInspector" class="formulario_linea_input form-control" id="inspector_detail_table" disabled/>
					</div>
				</div>
				
				<div class="form-row">
					<div id="tablaDocumentosSubidos" class="container mt-4 mb-4" hidden="true">
				
						<div class="botoneraTabla">
							<button class="btn btn-default btn-circle" id="btnGenerarDocumentoActuaciones" type="button" data-toggle="tooltip" data-placement="top" title='<spring:message code="actuaciones.actuacionesEdit.generarDocumento" />'><i class="fa fa-file-text"></i></button>
							<button class="btn btn-default btn-circle btnSubirPlatea" id="btnAportarDocumentoActuaciones" type="button" data-toggle="tooltip" data-placement="top" title='<spring:message code="actuaciones.actuacionesEdit.aportarDocumento" />'><i class="fa fa-upload"></i></button>
							<button class="btn btn-default btn-circle" id="btnNuevoDocumentoActuaciones" type="button" data-toggle="tooltip" data-placement="top" title='<spring:message code="actuaciones.actuacionesEdit.aniadirDocumento"/>'><i class="fa fa-plus"></i></button>
							<button class="btn btn-default btn-circle" id="btnEditarDocumentoActuaciones" type="button" data-toggle="tooltip" data-placement="top" title='<spring:message code="actuaciones.actuacionesEdit.editarDocumento" />'><i class="fa fa-pencil-square-o"></i></button>
							<button class="btn btn-default btn-circle" id="btnDescargarDocumentoActuaciones" type="button" data-toggle="tooltip" data-placement="top" title='<spring:message code="actuaciones.actuacionesEdit.descargarDocumento"/>'><i class="fa fa-download"></i></button>
							<button class="btn btn-default btn-circle" id="btnEliminarDocumentoActuaciones" type="button" data-toggle="tooltip" data-placement="top" title='<spring:message code="actuaciones.actuacionesEdit.eliminarDocumento"/>'><i class="fa fa-trash"></i></button>
						</div>
						<div id ="documentosSubidos_feedback"></div>
						<table id="documentosSubidos" class="table table-striped"
							data-url-base="/ab79WebAppWar/documentosSubidos"
							data-filter-form="#documentosSubidos_filter_form"
							style="width: 100%;">
						        <thead>
						            <tr>
						            	<th data-col-prop="idDocumentoSubido" class="all"><input type="checkbox" name="seleccionaDesTodos" id="seleccionaDesTodos"/></th> <!-- 0 -->
							            <th data-col-prop="idActuacion" >idActuacion</th> <!-- 1 -->
							            <th data-col-prop="tipoPlantilla.idTipoPlantilla" >idTipoPlantilla</th> <!-- 2 -->
							            <th data-col-prop="nombreDocumento" data-col-sidx="NOMBREDOCUMENTO" ><spring:message code="documentos.documentosTabla.nombreDocumento" /></th> <!-- 3 -->
							            <th data-col-prop="oidPid" data-col-sidx="OIDPID" >oidPid</th> <!-- 4 -->
							            <th data-col-prop="plantilla.descripcionCastellano" data-col-sidx="TIPODOCUMENTODESCES" ><spring:message code="documentos.documentosTabla.tipoDocumento" /></th> <!-- 5 -->
							            <th data-col-prop="plantilla.descripcionEuskera" data-col-sidx="TIPODOCUMENTODESCEU" ><spring:message code="documentos.documentosTabla.tipoDocumento" /></th> <!-- 6 -->
							            <th data-col-prop="aportadoExpediente" data-col-sidx="APORTADOEXPEDIENTE" ><spring:message code="documentos.documentosTabla.aportadoExpediente" /></th> <!-- 7 -->
							            <th data-col-prop="fechaRegistro" data-col-sidx="FECHAULTMODIFICACION" >fechaRegistro</th> <!-- 8 -->
							            <th data-col-prop="usuarioRegistro" data-col-sidx="USUARIOREGISTRO" >usuarioRegistro</th> <!-- 9 -->
							            <th data-col-prop="oidDokusi" data-col-sidx="OIDDOKUSI">oidDokusi</th> <!-- 10 -->
							            <th data-col-prop="plantilla.idPlantilla" >idPlantilla</th> <!-- 11 -->
						            </tr>
						        </thead>
						        <tfoot hidden="true">
						        	<tr>
							            <th>idDocumentoSubido</th>
							            <th>idActuacion</th>
							            <th>idTipoPlantilla</th>
							            <th>nombreDocumento</th>
							            <th>oidPid</th>
							            <th>oidDokusi</th>
							            <th>tipoPlantillaDescEs</th>
							            <th>tipoPlantillaDescEu</th>
							            <th>aportadoExpediente</th>
							            <th>fechaRegistro</th>
							            <th>usuarioRegistro</th>
							            <th>idPlantilla</th>
						          	</tr>
						        </tfoot>
						</table>
						
					</div>
				</div>
			    
			    <div class="form-row">
					<div class="form-group col-xs-12">
						<label for="objetoVisita_detail_table" class="required"><spring:message code="actuaciones.actuacionesEdit.objetoVisita"/></label>
						<textarea  name="objetoVisita" class="formulario_linea_input form-control textareaEdit" id="objetoVisita_detail_table" maxlength="2000"></textarea>
					</div>
				</div>

				<!-- COMPARECIENTE  -->			
				<div class="card m-0 w-100">
				  <div class="card-header"><spring:message code="actuaciones.compareciente"/></div>
				  <div class="card-body">
						<div class="form-group divCompareciente">
							<input type="hidden" id="idTerCompareciente" name="compareciente.idTercero">
							<div class="form-row">
								<div class="col-xs-3 form-group">
								  <label for="idComboTipoDocumentoCompareciente"><spring:message code="actuaciones.compareciente.tipoDocumento"/></label>
								  <select class="form-control rupCombo" id="idComboTipoDocumentoCompareciente" name="compareciente.tipoDocumento.idTipoDocumento"></select>
								</div>	
								<div class="col-xs-1 form-group"></div>	
								<div class="col-xs-3 form-group">
								  <label for="numeroCompareciente"><spring:message code="actuaciones.compareciente.numero"/></label>
								  <input type="text" class="form-control" id="numeroCompareciente" name="compareciente.documento" maxlength="64"/>
								</div>
								<div class="col-xs-1 form-group"></div>						
						    </div>
						    
						    <div class="form-row">
								<div class="col-xs-4 form-group">
								  <label for="nombreCompareciente"><spring:message code="actuaciones.compareciente.nombre"/></label>
								  <input type="text" class="form-control"  name="compareciente.nombre" id="nombreCompareciente" maxlength="260"/>
								</div>												
								<div class="col-xs-4 form-group">
									  <label for="compareciente.apellido1"><spring:message code="actuaciones.compareciente.apellido1"/></label>
									  <input type="text" class="form-control" name="compareciente.apellido1"  id="apellido1Compareciente" maxlength="260"/>
								</div>											
								<div class="col-xs-4 form-group">
									  <label for="compareciente.apellido2"><spring:message code="actuaciones.compareciente.apellido2"/></label>
									  <input type="text" class="form-control" name="compareciente.apellido2" id="apellido2Compareciente" maxlength="260"/>
								</div>												
							</div>
							
							<div class="form-row">
								<div class="col-xs-4 form-group">
									<label for="condicionCompareciente"><spring:message code="actuaciones.compareciente.condicion"/></label>
								  	<input type="text" class="form-control"  name="condicionCompareciente" id="condicionCompareciente" maxlength="200"/>
								</div>
								<div class="col-xs-3 form-group">
								  <label for="idComboIdioma"><spring:message code="actuaciones.compareciente.idioma"/></label>
								  <select class="form-control rupCombo" id="idComboIdioma" name="compareciente.idioma"></select>
								</div>	
							</div>
						
							<div class="form-row">
								<div class="col-xs-12 form-group">
									<label for="observacionesCompareciente"><spring:message code="actuaciones.compareciente.observacionesCompareciente" /></label>
									<textarea class="form-control" rows="5" name="observacionesCompareciente" id="observacionesCompareciente" maxlength="2000"></textarea>
								</div>
							</div>
						</div>
					</div>
				</div>
				
				<div class="form-row">
					<div class="form-group col-xs-12">
						<label for="observacionesCastellano_detail_table"><spring:message code="actuaciones.actuacionesEdit.observacionesEs"/></label>
						<textarea name="observacionesCastellano" class="form-control" id="observacionesCastellano_detail_table" maxlength="2000"></textarea>
					</div>
				</div>
				<div class="form-row">
					<div class="form-group col-xs-12">
						<label for="observacionesEuskera_detail_table"><spring:message code="actuaciones.actuacionesEdit.observacionesEu"/></label>
						<textarea name="observacionesEuskera" class="formulario_linea_input form-control textareaEdit" id="observacionesEuskera_detail_table" maxlength="2000"></textarea>
					</div>
				</div>
				<!-- Fin campos del formulario de detalle -->
		</form:form>
		
		<jsp:include page="documentosSubidosFilterForm.jsp"></jsp:include>
		<jsp:include page="documentosSubidosEdit.jsp"></jsp:include>
	
	<!-- Botonera del formulario de detalle -->
	<div class="rup-table-buttonpane ui-widget-content ui-helper-clearfix">
		<div class="ui-dialog-buttonset rup_tableEdit_buttonsContainerResposive">
			<!-- Botón Guardar -->
			<button id="actuaciones_detail_button_save" class="btn btn-primary rup_tableEdit_buttonsResposive" type="button">
				<spring:message code="save" />
			</button>
			<!-- Botón cancelar -->
			<button id="actuaciones_detail_button_cancel" class="btn btn-light rup_tableEdit_buttonsResposive" type="button">
				<spring:message code="cancel" />
			</button>
		</div>
	</div>	
</div>
