<%@page import="com.ejie.ab04b.constantes.EstadosTareas"%>
<%@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>

<script>
	
</script>	

<div id="tabHistorico_toolbar" class="margenInf5"></div>	

<form:form id="tabHistorico_form" modelAttribute="apertura">
		
<c:forEach var="historico"  varStatus="numeroItem" items="${apertura.listaHistoricoCambios}">		

	<c:set var="tipoCambio">${historico.tipocambio087 }</c:set>
	<c:set var="id_ocultar">${historico.idape087}_${historico.tipocambio087}_${numeroItem.index}</c:set>
	
	<div class="filaTramite registroTipoTramite filaCambio" >
	
<%-- 	 	<c:if test="${tipoCambioAnt ne tipoCambio}">  --%>
	 		<div class="filaFormulario">
				<div class="campoFormulario"><span class="icon-stack"></span></div>
				<div class="campoTramite documentos doc-slide activoOn"><a href="javascript:toggleCambios('${id_ocultar}')"><spring:message code="legend.mostrar.ocultar.cambios"/></a></div>
				<!-- Titulo trámite -->
				<div class="columnaAncho28"><spring:message code="aperturas.detalle.historico.tipo"/>:
					<c:if test="${idiomaCapitalizado eq 'Es'}">
						<a href="javascript:toggleCambios('${id_ocultar}')"><span class="datoResumen">${historico.descTipoCambioEs}</span></a>
					</c:if>
					<c:if test="${idiomaCapitalizado eq 'Eu'}">
						<a href="javascript:toggleCambios('${id_ocultar}')"><span class="datoResumen">${historico.descTipoCambioEu}</span></a>
					</c:if>
				</div>
				<div class="columnaDobleFormulario">
					<!-- Fecha modif -->
					<spring:message code="aperturas.detalle.historico.fecha"/>:
					<span class="datoResumen"><fmt:formatDate value="${historico.fecmodif087}" pattern="${patronFechaTime}"/></span>
				</div>
			</div>
<%-- 		</c:if> --%>
<%-- 	<c:if test="${tipoCambioAnt eq tipoCambio}"> --%>
		<div class="listaCambio campoTramite clearBoth tOculto" id="${id_ocultar}">		
			<!-- orig -->
			<fieldset class="listaCambios">
				<legend><span style="font-weight:bold;"><spring:message code="aperturas.detalle.historico.original"/>:</span></legend>
				 ${historico.datosMostrarOriginal}
			</fieldset>
			
			<!-- modif -->
			<fieldset class="listaCambios">
				<legend><span style="font-weight:bold;"><spring:message code="aperturas.detalle.historico.modificado"/>:</span></legend>
				${historico.datosMostrarModif}
			</fieldset>
		</div>
		<div class="filaFormulario"></div>
	</div>
		
<%-- 	</c:if> 
	<c:if test="${tipoCambioAnt ne tipoCambio}">  
	</div>
	<%-- </c:if> --%>
	
	<c:set var="tipoCambioAnt">${historico.tipocambio087 }</c:set>
</c:forEach>

</form:form>

<div class="clear"></div>
<script>
function toggleCambios(id){
	$("#"+id).toggleClass("tOculto");
}</script>