<%@page import="com.ejie.ab04b.constantes.Constantes"%>
<%@include file="/WEB-INF/includeTemplate.inc"%>
<%@ taglib prefix="fmt" uri="/WEB-INF/tld/fmt.tld" %>

<c:set var="patronFecha"><spring:message code="patronFecha"/></c:set>
<c:set var="patronFechaTime"><spring:message code="patronFechaTimeSec"/></c:set>
<c:set var="entrada"><%=Constantes.ENTRADA %></c:set>
<c:set var="salida"><%=Constantes.SALIDA %></c:set>
<c:set var="automatica"><%=Constantes.AUTOMATICA %></c:set>

<c:set var="CTE_MODO_ALTA" ><%=Constantes.MODO_ACCESO_ALTA %></c:set>
<c:set var="CTE_MODO_CONSULTA" ><%=Constantes.MODO_ACCESO_CONSULTA %></c:set>
<c:set var="CTE_MODO_MANTENIMIENTO" ><%=Constantes.MODO_ACCESO_MANTENIMIENTO %></c:set>
<c:set var="CTE_MODO_SUBSANACION" ><%=Constantes.MODO_ACCESO_SUBSANACION %></c:set>
<c:set var="CTE_MODO_INSPECCION" ><%=Constantes.MODO_ACCESO_INSPECCION %></c:set>

<script>
	var modoAcceso = "${modoAcceso}";
	var toolbarDocumentosReg = ${toolbarDocumentosReg};
	var CTE_MODO_CONSULTA="<%=Constantes.MODO_ACCESO_CONSULTA%>";
	var CTE_MODO_ALTA="<%=Constantes.MODO_ACCESO_ALTA%>";
	var CTE_MODO_ACCESO_MANTO = "<%=Constantes.MODO_ACCESO_MANTENIMIENTO%>";
	var CTE_MODO_INSPECCION="<%=Constantes.MODO_ACCESO_INSPECCION%>";
</script>

<div id="tabDocumentosReg_toolbar" class="margenInf5"></div>	 
<form:form id="comunicPrlOS3_tabDocumentodsOS3_form" modelAttribute="documentoOS3">
	<form:hidden path="teros"/>
	<form:hidden path="anoos"/>
	<form:hidden path="numos"/>
</form:form>

<c:forEach var="tramite" items="${documentoOS3.listaTramitesOs3}">
	<c:if test="${tramite.listaDocumentos ne null and not empty tramite.listaDocumentos}">
		<div class="bloqueTipoDocumento formulario">
			<c:if test="${modoAcceso == CTE_MODO_CONSULTA}" >
					
				<div class="documentosTitulo">
					<p>${tramite.tipoTramite.descripcion}</p>			
				</div>
				<c:forEach items="${tramite.listaDocumentos}" var="documento">
				
					<c:if test="${iframe ne null and not empty iframe and documento.origen097 eq '0'}">
				
						<div class="bloqueDocumentoDatos clear">
							<div class="inlineblock tabulado">
								<span class="left"><spring:message code="documento.tipo"></spring:message>: </span> 
								<c:if test="${documento.formatoAport097 eq 'E'}">
								<a target="_blank" href="/ab04bAperturasWar/documentosController/descargarDocOS3?codDocumento=${documento.idDocumento097}&oid=${documento.oidDokusi097}&migrado=${documentoOS3.migrado}">
								</c:if>
								<c:if test="${idiomaCapitalizado eq 'Es'}">
								<span class="datoResumen left">${documento.tipoDocumento.descripcionEs091}</span>
								</c:if>
								<c:if test="${idiomaCapitalizado eq 'Eu'}">
								<span class="datoResumen left">${documento.tipoDocumento.descripcionEu091}</span>
								</c:if>
								<c:if test="${documento.formatoAport097 eq 'E'}">
								</a>
								</c:if>
							</div>
							<div class="inlineblock tabulado">
								<span class="left"><spring:message code="documento.nombre"></spring:message>: </span> 
								<c:if test="${documento.formatoAport097 eq 'E'}">
								<a target="_blank" href="/ab04bAperturasWar/documentosController/descargarDocOS3?codDocumento=${documento.idDocumento097}&oid=${documento.oidDokusi097}&migrado=${documentoOS3.migrado}">
								</c:if>
								<span class="datoResumen left">${documento.nombreDoc097}</span>
								<c:if test="${documento.formatoAport097 eq 'E'}">
								</a>
								</c:if>
							</div>
							<div class="inlineblock tabulado">
								<span class="left"><spring:message code="documento.fecha"></spring:message>: </span> 
								<span class="datoResumen left"><fmt:formatDate pattern="${patronFecha}" value="${documento.fechaDoc097}" /></span>
							</div>
							<div class="inlineblock tabulado">
								<span class="left"><spring:message code="documento.origen"></spring:message>: </span> 
								<span class="datoResumen left"><spring:message code="documento.origen.${documento.origen097}"></spring:message></span>
							</div>
							<div class="inlineblock tabulado">
								<span class="left"><spring:message code="documento.formato"></spring:message>: </span> 
								<span class="datoResumen left"><spring:message code="documento.formato.${documento.formatoAport097}"></spring:message></span>
							</div>
						</div>	
					</c:if>
					
					<c:if test="${iframe eq null and empty iframe}">
				
						<div class="bloqueDocumentoDatos clear">
							<div class="inlineblock tabulado">
								<span class="left"><spring:message code="documento.tipo"></spring:message>: </span> 
								<c:if test="${documento.formatoAport097 eq 'E'}">
								<a target="_blank" href="/ab04bAperturasWar/documentosController/descargarDocOS3?codDocumento=${documento.idDocumento097}&oid=${documento.oidDokusi097}&migrado=${documentoOS3.migrado}">
								</c:if>
								<c:if test="${idiomaCapitalizado eq 'Es'}">
								<span class="datoResumen left">${documento.tipoDocumento.descripcionEs091}</span>
								</c:if>
								<c:if test="${idiomaCapitalizado eq 'Eu'}">
								<span class="datoResumen left">${documento.tipoDocumento.descripcionEu091}</span>
								</c:if>
								<c:if test="${documento.formatoAport097 eq 'E'}">
								</a>
								</c:if>
							</div>
							<div class="inlineblock tabulado">
								<span class="left"><spring:message code="documento.nombre"></spring:message>: </span> 
								<c:if test="${documento.formatoAport097 eq 'E'}">
								<a target="_blank" href="/ab04bAperturasWar/documentosController/descargarDocOS3?codDocumento=${documento.idDocumento097}&oid=${documento.oidDokusi097}&migrado=${documentoOS3.migrado}">
								</c:if>
								<span class="datoResumen left">${documento.nombreDoc097}</span>
								<c:if test="${documento.formatoAport097 eq 'E'}">
								</a>
								</c:if>
							</div>
							<div class="inlineblock tabulado">
								<span class="left"><spring:message code="documento.fecha"></spring:message>: </span> 
								<span class="datoResumen left"><fmt:formatDate pattern="${patronFecha}" value="${documento.fechaDoc097}" /></span>
							</div>
							<div class="inlineblock tabulado">
								<span class="left"><spring:message code="documento.origen"></spring:message>: </span> 
								<span class="datoResumen left"><spring:message code="documento.origen.${documento.origen097}"></spring:message></span>
							</div>
							<div class="inlineblock tabulado">
								<span class="left"><spring:message code="documento.formato"></spring:message>: </span> 
								<span class="datoResumen left"><spring:message code="documento.formato.${documento.formatoAport097}"></spring:message></span>
							</div>
						</div>	
					</c:if>
					
				</c:forEach>
			</c:if>
			<c:if test="${(modoAcceso == CTE_MODO_MANTENIMIENTO) or (modoAcceso == CTE_MODO_ALTA)}" >
			
				<div class="documentosTitulo">
					<p><spring:message code="aperturas.detalle.aportarDocu"/></p>			
				</div>
				<c:if test="${(modoAcceso == CTE_MODO_MANTENIMIENTO)}"> 
					<div id="datosRegistro" class="formulario">
						<div id="seccionDatosRegistro" class="seccion">
							<div id="acordeonDatosVisitas">
							
								<!-- DATOS DE REGISTRO -->
								<div class="clsFila">
									<div class="clsCabecera"><spring:message code="aperturas.detalle.datosRegistro"/></div>
								</div>
								
								<!-- desea registrar-->
								<div class="formFila"> 
									<div class="columnaSimpleFormulario ">
										<label for="campoEstadoVisita" class="etiquetaFormulario"><spring:message code="aperturas.detalle.deseaRegistrar"/>:</label>
									</div>
									<div class="columnaSimpleFormularioPeque textoFormulario">
										<input type="radio" value="<%=Constantes.VALUE_SI %>" id="campoRegistrarSi" name="deseaRegistrar"/>
										<label for="campoRegistrarSi"><spring:message code="etiqueta.Si"/></label>
									</div>
									<div class="columnaSimpleFormulario textoFormulario">
										<input type="radio" value="<%=Constantes.VALUE_NO %>" id="campoRegistrarNo" name="deseaRegistrar"/>
										<label for="campoRegistrarNo"><spring:message code="etiqueta.No"/></label>
									</div>
								</div>
								<div class="formFila"> 
									<div class="columnaSimpleFormulario etiquetaFormulario">
										<label for="campoNumReg"><spring:message code="aperturas.detalle.numReg"/></label>
									</div>
									<div class="columnaDobleFormulario etiquetaFormulario">
										<input type="text" id="campoNumReg" name="numRegistro062"  cssClass="clsGrande" maxlength="32"/>
									</div>
				
									<div class="columnaSimpleFormulario etiquetaFormulario">
										<label for="campoFecReg"><spring:message code="aperturas.detalle.fecReg"/></label>
									</div>
									<div class="columnaSimpleYMediaFormulario textoFormulario">
										<input type="text" id="campoFecReg" name="fecRegistro062" cssClass="clsMediano" maxlength="12"/>
									</div>
								</div>
							</div>
						</div>
					</div>
				</c:if>
				<div id="tabDocumentos_toolbar" class="margenInf5"></div>
				<c:forEach items="${tramite.listaDocumentos}" var="documento" varStatus="status2">	
					<div style="clear:both;">&nbsp;</div>
						
						<div class="bloqueDocumentoDatos bloqueDocumentoSubidaFicheros clear">
						<div class="formFila tabulado help-separator">
							<c:if test="${idiomaCapitalizado eq 'Es'}">
								<span class="datoResumen left">${documento.tipoDocumento.descripcionEs091}</span>
							</c:if>
							<c:if test="${idiomaCapitalizado eq 'Eu'}">
								<span class="datoResumen left">${documento.tipoDocumento.descripcionEu091}</span>
							</c:if>
						</div>	
						<%-- formulario para el componente upload de UDA --%>
						<form action="/<%=Constantes.NOMBRE_WAR_APERTURAS%>/documentosController/upload" id="usuarioForm_${status2.index}" class="formUpload" enctype="multipart/form-data" method="POST">
							<input type="hidden" name="idTipoDoc" value="${documento.tipoDocumento.idTipoDoc091}"/>
							<input type="hidden" name="idTramite" value="${documento.tramiteOS3.idTramite095}" />
							<input type="hidden" name="oidDokusi" value="" />
							<input type="hidden" name="nombreFichero" value="" />
							<input type="hidden" name="modoAcceso" value="${modoAcceso}" />
							<div id="fileupload_only_${status2.index}" class="inputWrapper inputWrapperClass">
							
								<c:if test="${(modoAcceso == CTE_MODO_MANTENIMIENTO) or (modoAcceso == CTE_MODO_ALTA)}" >	
									<div class="fileupload-buttonbar">
										<span style="display: inline;">
											<button id="digitalizar_${status2.index}" class="digitalizar inv" onclick="return false;"></button>
											<label for="digitalizar_${status2.index}">
												<img id="imgAdjuntarx43kDocRow0_4" src="${staticsUrl}/ab04b/images/boton_digitalizar.png" width="28px" height="28px">
												<span><spring:message code="etiqueta.digitalizar"></spring:message></span>
											</label>
										</span>
										
										<span style="display: inline;">
											<input id="file_only_${status2.index}" class="fileInput" type="file" name="files[]" multiple="multiple"> 
											<label for="file_only_${status2.index}">
												<img id="imgAdjuntarx43kDocRow0_4" src="${staticsUrl}/ab04b/images/boton_adjuntar.png" width="28px" height="28px">
												<span><spring:message code="etiqueta.adjuntar"></spring:message></span>
											</label>
										</span>
									</div>
								</c:if>
								<div class="fileupload-content">
									<table class="files"><tbody></tbody></table>
									<%-- barra de progreso general
									<div id="fileupload-progressbar_${status1.index}_${status2.index}" class="fileupload-progressbar"></div>
									 --%>
								</div>
							</div>		
						</form>
						
						<%-- pintamos documentos ya asociados al tramite --%>
						<c:if test="${documento.idDocumento097 ne null and documento.idDocumento097 ne 0}">
							<%-- tabla con los documentos ya subidos a base de datos para introducir en el componente upload de UDA desde js --%>
							<table id="bloqueUpload_${status2.index}" class="inv tablaFicheros_yaSubidos">
								
								<tr class="template-download" style="">
									<td>
										<div class="formulario_columna_cnt"><span class="izq_float file_icon file_icon_aportacion_E">&nbsp;</span>
											<div class="izq_float name">
												<a target="_download" href="/<%=Constantes.NOMBRE_WAR_APERTURAS%>/documentosController/upload?codDocumento=${documento.idDocumento097}">${documento.nombreDoc097}</a>
											</div>
											
											<c:if test="${(modoAcceso == CTE_MODO_MANTENIMIENTO) or (modoAcceso == CTE_MODO_ALTA)}" >
												<div class="floatRight delete">
													<button data-type="DELETE" data-url="/<%=Constantes.NOMBRE_WAR_APERTURAS%>/documentosController/upload?codDocumento=${documento.idDocumento097}" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-primary" role="button" aria-disabled="false">
													<span class="ui-button-icon-primary ui-icon ui-icon-trash"></span>
													<span class="ui-button-text">Eliminar</span></button>
												</div>
											</c:if>														
										</div>
										<div class="formulario_columna_cnt inv">
											<div class="izq_float type"></div>
											<div class="izq_float size"></div>
										</div>
										<div class="formulario_columna_cnt inv"></div>
									</td>
								</tr>											
							</table>
						</c:if>
					</div>
				</c:forEach>
			</c:if>
		</div>
	</c:if>
</c:forEach>

<div class="clear"></div>
