<%@page import="com.ejie.ad74a.util.constantes.TipoCanalOrigenEnum"%>
<%@include file="/WEB-INF/includeTemplate.inc"%>
<%@page import="com.ejie.ad74a.util.constantes.modelos.TipoExpedientes"%>
<%@page import="com.ejie.ad74a.util.constantes.ProcedimientosEnum"%>
<%@page import="com.ejie.ad74a.util.constantes.modelos.TipoSolicitantes"%>
<%@page import="com.ejie.ad74a.util.constantes.Constantes" %>
<%@page import="com.ejie.ad74a.util.constantes.PropertiesConstantes"%>

<c:set var="procedimientoBajaVal" value="<%=ProcedimientosEnum.BAJA.getId()%>"/>
<c:set var="procedimientoModificacionVal" value="<%=ProcedimientosEnum.MODIFICACION.getId()%>"/>
<c:set var="procedimientoRevision_precioVal" value="<%=ProcedimientosEnum.REVISION_PRECIO.getId()%>"/>
<c:set var="procedimientoInformeVal" value="<%=ProcedimientosEnum.INFORME.getId()%>"/>
<c:set var="procedimientoNotLiqVal" value="<%=ProcedimientosEnum.NOTIFICACION_LIQUIDACION.getId()%>"/>


<script>
	const PROCEDIMIENTO_BAJA = '<%=ProcedimientosEnum.BAJA.getId()%>';
	const PROCEDIMIENTO_BAJA_DESC = '<%=ProcedimientosEnum.BAJA.getLabelDesc()%>';
	const PROCEDIMIENTO_MODIFICACION = '<%=ProcedimientosEnum.MODIFICACION.getId()%>';
	const PROCEDIMIENTO_MODIFICACION_DESC = '<%=ProcedimientosEnum.MODIFICACION.getLabelDesc()%>';
	const PROCEDIMIENTO_REVISION = '<%=ProcedimientosEnum.REVISION_PRECIO.getId()%>';
	const PROCEDIMIENTO_REVISION_DESC = '<%=ProcedimientosEnum.REVISION_PRECIO.getLabelDesc()%>';
	const PROCEDIMIENTO_INFORME = '<%=ProcedimientosEnum.INFORME.getId()%>';
	const PROCEDIMIENTO_INFORME_DESC = '<%=ProcedimientosEnum.INFORME.getLabelDesc()%>';
	const PROCEDIMIENTO_NOT_LIQ = '<%=ProcedimientosEnum.NOTIFICACION_LIQUIDACION.getId()%>';
	const PROCEDIMIENTO_NOT_LIQ_DESC = '<%=ProcedimientosEnum.NOTIFICACION_LIQUIDACION.getLabelDesc()%>';
</script>

<div id="iniciosOficio_detail_div" class="rup-table-formEdit-detail ">
	<c:choose>
		<c:when test="${idProcedimiento00 eq procedimientoBajaVal}">
			<h1 class="titulo"><spring:message code="menu.registro.oficio"/> - <spring:message code="menu.registro.oficio.baja"/></h1>
		</c:when>
		<c:when test="${idProcedimiento00 eq procedimientoModificacionVal}">
			<h1 class="titulo"><spring:message code="menu.registro.oficio"/> - <spring:message code="menu.registro.oficio.modificacion"/></h1>
		</c:when>
		<c:when test="${idProcedimiento00 eq procedimientoRevision_precioVal}">
			<h1 class="titulo"><spring:message code="menu.registro.oficio"/> - <spring:message code="menu.registro.oficio.revision"/></h1>
		</c:when>
		<c:when test="${idProcedimiento00 eq procedimientoInformeVal}">	
			<h1 class="titulo"><spring:message code="menu.registro.oficio"/> - <spring:message code="menu.registro.oficio.intervencion"/></h1>
		</c:when>
		<c:when test="${idProcedimiento00 eq procedimientoNotLiqVal}">	
			<h1 class="titulo"><spring:message code="menu.registro.oficio"/> - <spring:message code="menu.registro.oficio.notificacionLiquidacion"/></h1>
		</c:when>
	</c:choose>
<!-- Feedback del detalle de la bandeja telem�tica-->
	<div id="iniciosOficio_feedback"></div>
	<div>
	<form:form modelAttribute="expediente" id="inicioOficio_form" action="" method="POST">	
	
		<form:hidden id="idProcedimientoOficio" path="idProcedimiento00"/>	
		<form:hidden id="idAviso00" path="idAviso00"/>	
		<form:hidden id="idLiquidacion00" path="liquidaciones.idLiquidacion00"/>	
		<form:hidden id="IdSolicitante01_observacionesOficio_detail_table" path="solicitantes.IdSolicitante01"/>	
			
		<div class="clsCabecera plegable"><i class="mdi mdi-minus-box-outline"></i><spring:message code="expedientes.inicioOficio.subTitle.beneficiario"/></div>
		<div>
			<div class="form-row row">
			<div class="form-groupMaterial col-sm-2">
					<%-- [jbhg] El beneficiario solo puede ser persona fisica --%>
		 	  		<form:select items="${tipoIdentificadorList}" itemLabel="label"  itemValue="value" class="form-control" path="solicitantes.tipoIdentificador01" id="tipoIden00_informes_dialog_table" required="required"/>
			   		<label for="tipoIden00_informes_dialog_table" style="width:100%" class="select-material"><spring:message code="expedientes.detalle.tipoIdenCon00"/></label>
				</div>
				<div class="form-groupMaterial  col-sm-3">
			        <form:input path="solicitantes.identificador01" required="required" id="dniSolicitante_informes_dialog_table" maxlength="<%=TipoSolicitantes.MAX_LENGTH_NUMSS01_STR%>" style="display: inline-block; width: calc(100% - 60px);"/>
			        <label for="dniSolicitante_informes_dialog_table">
			            <spring:message code="informes.dialogo.NifNiePasaporteBeneficiario" />
			        </label>
			        <button hidden type="button" id="buscarSolicitanteBtn" class="btn-material btn-material-sm btn-material-primary-low-emphasis icon-button"> 
			        	<i class="mdi mdi-magnify" style="font-size: 1.7rem;"></i> 
			        </button>                  
		    	</div>
		    	<!--  <div class="form-groupMaterial col-sm-2 datosBeneficiario" hidden> 
<!-- 							<input name="nombreBeneficiario" required="required" id="nombreBeneficiario_informes_dialog_table"/> 
					<form:input path="solicitantes.idSolicitante01"  id="idSolicitante01_informes_dialog_table" required="required" type="text"/>
					<label for="idSolicitante01_informes_dialog_table"><spring:message code="informes.dialogo.idSolicitante01" /></label>
				</div>-->
				<div class="form-groupMaterial col-sm-2 datosBeneficiario" hidden> 
					<form:input path="solicitantes.idSolicitante01"  id="idSolicitante01_informes_dialog_table" required="required" type="text"/>
				</div>
				<div class="form-groupMaterial col-sm-2 datosBeneficiario"> 
<!-- 							<input name="nombreBeneficiario" required="required" id="nombreBeneficiario_informes_dialog_table"/>  -->
					<form:input path="solicitantes.nombre01"  id="nombre01_informes_dialog_table" required="required" type="text"/>
					<label for="nombre01_informes_dialog_table"><spring:message code="informes.dialogo.nombre" /></label>
				</div>
				<div class="form-groupMaterial col-sm-2 datosBeneficiario"> 
<!-- 							<input name="apellido1Beneficiario" required="required" id="apellido1Beneficiario_informes_dialog_table"/>  -->
					<form:input path="solicitantes.apellido101"  id="apellido101_informes_dialog_table" required="required" type="text"/>
					<label for=apellido101_informes_dialog_table><spring:message code="informes.dialogo.apellido1" /></label>
				</div>
				<div class="form-groupMaterial col-sm-2 datosBeneficiario"> 
<!-- 							<input name="apellido2Beneficiario" id="apellido2Beneficiario_informes_dialog_table"/> -->
					<form:input path="solicitantes.apellido201" id="apellido201_informes_dialog_table" required="required" type="text"/> 
					<label for="apellido201_informes_dialog_table"><spring:message code="informes.dialogo.apellido2" /></label>
				</div>
	    	</div>
			<!-- Motivo--Muestra--aviso -->
			<div class="form-groupMaterial col-md-4" hidden >
				<form:select  path="idProcedimiento00" id="idProcedimiento00_observacionesOficio_detail_table" disabled="disabled">
				    <form:option value="">---</form:option>				    
					<form:options items="${Procedimientos}" itemLabel="labelDesc" itemValue="id" />
			    </form:select>
			    <label for="idProcedimiento00_observacionesOficio_detail_table"><spring:message code="bandejas.entradas.filter.procedimiento"/></label>
			</div>
		</div>
		
		<div  class="clsCabecera plegable"><i class="mdi mdi-minus-box-outline"></i><spring:message code="expedientes.detalle.subTitle.notificacion"/></div>
			<div >
				<div class="form-row row">	
					<div class="form-groupMaterial col-sm-2">
				        <fieldset class="borde inputGroup inline">
				            <legend class="obligatorio"><spring:message code="expedientes.detalle.idiomaNot00"/></legend>
				            <!-- Se setea el valor del legend para poder introducirlo en la propiedad oldTitle del radio y poder mostrarlo al utilziar el componente de validaci�n de rup.-->
				            <c:set var="idiomaNot00LabelError"><spring:message code="expedientes.detalle.idiomaNot00"/></c:set>
				            
				             <div class="form-row">
				                <div class="form-groupMaterial col-sm-12">						
				                    <div class="radio-material"> 
				                        <form:radiobutton oldtitle="${idiomaNot00LabelError}" class="radioButton" path="idiomaNot00" name="idiomaNot00" id="ES_idiomaNot00_tabSolicitud_detail_table"   value="<%=Constantes.CASTELLANO%>"/>
				                        <label for="ES_idiomaNot00_tabSolicitud_detail_table"/><spring:message code="beneficiarios.detalle.idiomaServicio01ES" /></label> 
				                    </div>
				                    <div class="radio-material">
				                        <form:radiobutton  class="radioButton" path="idiomaNot00" name="idiomaNot00" id="EU_idiomaNot00_tabSolicitud_detail_table" value="<%=Constantes.EUSKARA%>" />
										<label for="EU_idiomaNot00_tabSolicitud_detail_table"/><spring:message code="beneficiarios.detalle.idiomaServicio01EU" /></label> 
				                    </div>					
				                </div>	 
				            </div>
				        </fieldset>    			
				    </div>  
					<div class="form-groupMaterial col-sm-2">
				        <fieldset class="borde inputGroup inline" >
				            <legend class="obligatorio" ><spring:message code="expedientes.detalle.idTipoNot00"/></legend>
				            <!-- Se setea el valor del legend para poder introducirlo en la propiedad oldTitle del radio y poder mostrarlo al utilziar el componente de validaci�n de rup.-->
				            <c:set var="idTipoNot00LabelError"><spring:message code="expedientes.detalle.idTipoNot00"/></c:set>
				            
				             <div class="form-row row">
				                <div class="form-groupMaterial col-sm-12">						
				                    <div class="radio-material">
				                        <form:radiobutton oldtitle="${idTipoNot00LabelError}" disabled="false" class="radioButton" path="idTipoNot00" id="P_idTipoNot00_tabSolicitud_detail_table" name="idTipoNot00" value="<%=TipoExpedientes.idTipoNot00.POSTAL.getId()%>"/> 
										<label for="P_idTipoNot00_tabSolicitud_detail_table"><spring:message code="expedientes.detalle.idTipoNot00Postal" /></label> 
				                    </div>
				                    <div class="radio-material">
				                        <form:radiobutton disabled="false" class="radioButton" path="idTipoNot00" id="T_idTipoNot00_tabSolicitud_detail_table" name="idTipoNot00" value="<%=TipoExpedientes.idTipoNot00.TELEMATICA.getId()%>" />
										<label for="T_idTipoNot00_tabSolicitud_detail_table"><spring:message code="expedientes.detalle.idTipoNot00Telematica" /></label> 
				                    </div>						
				                </div>	 
				            </div>
				        </fieldset>    			
				    </div>
				    <div class="form-groupMaterial col-sm-3" id="canalAviso">
				        <fieldset class="borde inputGroup inline" >
				            <legend class="obligatorio" ><spring:message code="expedientes.detalle.canalNot00"/></legend>
				            <!-- Se setea el valor del legend para poder introducirlo en la propiedad oldTitle del radio y poder mostrarlo al utilziar el componente de validaci�n de rup.-->
				            <c:set var="canalNot00LabelError"><spring:message code="expedientes.detalle.canalNot00"/></c:set>
				            
				             <div class="form-row row" >
				                <div class="form-groupMaterial col-sm-12">						
				                    <div class="radio-material">
				                        <form:radiobutton oldtitle="${canalNot00LabelError}" disabled="false" class="radioButton" path="canalNot00" id="S_canalNot00_tabSolicitud_detail_table" name="canalNot00" value="<%=TipoExpedientes.canalNot00.SMS.getId()%>"/> 
										<label for="S_canalNot00_tabSolicitud_detail_table"><spring:message code="expedientes.detalle.canalNot00SMS" /></label> 
				                    </div>
				                    <div class="radio-material">
				                        <form:radiobutton disabled="false" class="radioButton" path="canalNot00" id="E_canalNot00_tabSolicitud_detail_table" name="canalNot00" value="<%=TipoExpedientes.canalNot00.EMAIL.getId()%>" />
										<label for="E_canalNot00_tabSolicitud_detail_table" ><spring:message code="expedientes.detalle.canalNot00EMAIL" /></label> 
				                    </div>	
				                    <div class="radio-material">
				                        <form:radiobutton disabled="false" class="radioButton" path="canalNot00" id="A_canalNot00_tabSolicitud_detail_table" name="canalNot00" value="<%=TipoExpedientes.canalNot00.AMBOS.getId()%>" />
										<label for="A_canalNot00_tabSolicitud_detail_table"><spring:message code="expedientes.detalle.canalNot00AMBOS" /></label> 
				                    </div>						
				                </div>	 
				            </div>
				        </fieldset>    			
				    </div>
			    	<div class="form-groupMaterial col-sm-2"  id="tlfnNotGrupo" >
				   		<form:input class="form-control solonumerosinsignos" path="tfnoNot00" id="tfnoNot00_tabSolicitud_detail_table" required="required" maxlength="<%=TipoSolicitantes.MAX_LENGTH_TFNONOT00_STR%>"/>
				   		<label for="tfnoNot00_tabSolicitud_detail_table" style="width:100%" class="select-material"><spring:message code="expedientes.detalle.tfnoNot00"/></label>
					</div>
			    	<div class="form-groupMaterial col-sm-5"  id="emailNotGrupo">
				   		<form:input class="form-control" path="emailNot00" id="emailNot00_tabSolicitud_detail_table" required="required" maxlength="<%=TipoSolicitantes.MAX_LENGTH_EMAILNOT00_STR%>"/>
				   		<label for="emailNot00_tabSolicitud_detail_table" style="width:100%" class="select-material"><spring:message code="expedientes.detalle.emailNot00"/></label>
					</div>
				</div> 
			
			<div id="divDireccionNot">
				<div class="clsSubCabecera plegable"><i class="mdi mdi-plus-box-outline"></i><spring:message code="expedientes.detalle.subTitle.datosDireccionNot"/></div>	
					<div class="plegado">
						<jsp:include page="/WEB-INF/views/components/direccion.jsp">
							<jsp:param value="direccionNotif" name="model"/>	
							<jsp:param value="expedienteJSON.direccionNotif" name="direccion"/>
							<jsp:param value="dirNot" name="prefix"/>	
						</jsp:include>
				</div>
			</div>
			
			
			</div> 
		
		
		<c:choose>
			<c:when test="${idProcedimiento00 eq procedimientoBajaVal}">
				<div id="datosBaja">		
					<div class="clsCabecera plegable"><i class="mdi mdi-minus-box-outline"></i><spring:message code="expedientes.inicioOficio.subTitle.datosBaja"/></div>
						<div>	
							<div class="form-row row" >
								
								<div class="form-groupMaterial col-sm-2">								
							   		<form:input class="form-control" path="fBaja00" value="${fBaja00Formatted}" id="fBaja00_observacionesOficio_detail_table" required="required" maxlength="10"/>
							   		<label for="fBaja00_observacionesOficio_detail_table" class="lbl-auto" style="width:100%" class="select-material"><spring:message code="pagos.beneficiarios.fBaja" /></label>
								</div>
							</div>
							<div class="form-row row">
								<div class="form-groupMaterial col-sm-3">
						 	  		<form:select items="${idMotivoBaja00List}" itemLabel="desc"  itemValue="idMotivoBaja33" class="form-control" path="idMotivoBaja00" id="idMotivoBaja00_observacionesOficio_detail_table" required="required"/>
							   		<label for="idMotivoBaja00_observacionesOficio_detail_table" style="width:100%" class="select-material"><spring:message code="expedientes.idMotivoBaja00"/></label>
									</div>
							</div>
							<div class="form-row row">
								<div class="form-groupMaterial col-sm-12">
							   		<form:textarea class="form-control" path="observaciones00" id="observaciones00_observacionesOficio_detail_table" rows="5" required="required"/>
							   		<label for="observaciones00_observacionesOficio_detail_table" style="width:100%" class="select-material"><spring:message code="expedientes.detalle.observaciones00"/></label>
								</div>
							</div>
							<div class="form-row row" hidden>
								<div class="form-groupMaterial col-sm-12">
									<form:input path="idiomaServicio00" class="form-control" id="idiomaServicio00_observacionesOficio_detail_table" required="required"/>
									<label for="idiomaServicio00_observacionesOficio_detail_table"><spring:message code="idiomaServicio00"/></label>
								</div>
							</div>
					 	</div>	
				</div>
			</c:when>
			<c:when test="${idProcedimiento00 eq procedimientoModificacionVal}">
				<div id="datosModificacion">		
					<div class="clsCabecera plegable"><i class="mdi mdi-minus-box-outline"></i><spring:message code="expedientes.detalle.subTitle.nuevaDireccion"/></div>
					<div>
					<jsp:include page="/WEB-INF/views/components/direccion.jsp">
						<jsp:param value="direcciones" name="model"/>	
						<jsp:param value="expedienteJSON.direcciones" name="direccion"/>
						<jsp:param value="dirContacto" name="prefix"/>	
					</jsp:include>
					</div>
					<div class="form-row row">
				    	<div class="form-groupMaterial col-sm-2">
					        <fieldset class="borde inputGroup inline" >
					            <legend class="obligatorio" ><spring:message code="expedientes.detalle.pisoTutelado07"/></legend>
					            <!-- Se setea el valor del legend para poder introducirlo en la propiedad oldTitle del radio y poder mostrarlo al utilziar el componente de validaci�n de rup.-->
					            <c:set var="pisoTuteladoLabelError"><spring:message code="expedientes.detalle.pisoTutelado07"/></c:set>		            
					             <div class="form-row row">
					                <div class="form-groupMaterial col-sm-12">						
					                    <div class="radio-material">
					                        <form:radiobutton oldtitle="${pisoTuteladoLabelError}" disabled="false" class="radioButton" path="perfiles.pisoTutelado07" id="SI_pisoTutelado07_tabSolicitud_detail_table" name="perfiles.pisoTutelado07" value="<%=Constantes.VAL_NUM_SI%>"/> 
											<label for="SI_pisoTutelado07_tabSolicitud_detail_table"><spring:message code="comun.si" /></label> 
					                    </div>
					                    <div class="radio-material">
					                        <form:radiobutton disabled="false" class="radioButton" path="perfiles.pisoTutelado07" id="NO_pisoTutelado07_tabSolicitud_detail_table" name="perfiles.pisoTutelado07" value="<%=Constantes.VAL_NUM_NO%>" />
											<label for="NO_pisoTutelado07_tabSolicitud_detail_table"><spring:message code="comun.no" /></label> 
					                    </div>		
					                   				
					                </div>	
					                
					            </div>
					        </fieldset>    			
					    </div>
					    <div class="form-groupMaterial col-sm-3" id="pisosTuteladosGrupo" style="display:none;">	   			
					   		<form:select path="perfiles.pisosTutelados.idPiso32" id="idPiso32_tabSolicitud_detail_table" />
					   		<label for="idPiso32_tabSolicitud_detail_table" style="width:100%" class="select-material"><spring:message code="expedientes.detalle.idPiso32"/></label>
						</div>	
				 <div id="recuadroResultadoPisoTutelado"><b id="resultadoPisoTutelado"></b></div>
			     	</div>
				</div>			
			</c:when>
			<c:when test="${idProcedimiento00 eq procedimientoRevision_precioVal}">
					    <jsp:include page="includes/datosConyuge.jsp"></jsp:include>  
			</c:when>
			<c:when test="${idProcedimiento00 eq procedimientoNotLiqVal}">
				<div class="clsCabecera plegable"><i class="mdi mdi-minus-box-outline"></i><spring:message code="expedientes.inicioOficio.subTitle.liquidacion"/></div>
					<div id="liquidaciones_feedback"></div>
					
					<div id="datosLiq" >
					  	<div class="form-row row" id="layerLiquidacion">					  		
					    	<div class="form-groupMaterial  col-sm-2">
							    <form:input path="liquidaciones.referenciaLiq00" id="referenciaLiq00_liquidaciones_dialog_table" style="display: inline-block; width: calc(100% - 60px);" required="true" readonly="true"/>
							    <label for="referenciaLiq00_liquidaciones_dialog_table"><spring:message code="cobros.referencia" /></label>
								<button type="button" id="buscarLiquidacionBtn" class="btn-material btn-material-sm btn-material-primary-low-emphasis icon-button"> 
			        				<i class="mdi mdi-magnify" style="font-size: 1.7rem;"></i> 
			        			</button>
			        		</div>
							<div class="form-groupMaterial col-sm-4 datosLiquidacion">					
								<form:input path="liquidaciones.concepto00"  id="concepto00_liquidaciones_dialog_table"  type="text" readonly="true"/>
								<label for="concepto00_liquidaciones_dialog_table"><spring:message code="cobros.concepto" /></label>
							</div>
							<div class="form-groupMaterial col-sm-1 datosLiquidacion"> 
								<form:input path="liquidaciones.importe00"  id="importe00_liquidaciones_dialog_table"  type="text" readonly ="true" class="moneda"/>
								<label for="importe00_liquidaciones_dialog_table"><spring:message code="cobros.importe" /></label>
							</div>
							<div class="form-groupMaterial col-sm-2 datosLiquidacion"> 		
								<form:input path="liquidaciones.fEmision00"  id="fEmision00_liquidaciones_dialog_table"  readonly="true"/>
								<label for=fEmision00_liquidaciones_dialog_table><spring:message code="cobros.fecEmision" /></label>
							</div>
							<div class="form-groupMaterial col-sm-2 datosLiquidacion"> 		
								<form:input path="liquidaciones.fLimitePago00"  id="fLimitePago00_liquidaciones_dialog_table" type="text" readonly="true"/>
								<label for=fLimitePago00_liquidaciones_dialog_table><spring:message code="cobros.fLimitePago" /></label>
							</div>
							 
							<div class="form-groupMaterial col-sm-1 datosLiquidacion" id="layerEnlaceverPago">
					    		<a href="<%=PropertiesConstantes.Props.URL_AE01B.getValue()%>/liquidaciones/imprimir/" target="_blank" id="verPago">
					    			<button style="margin-top:-5px" type="button"  id="verPagoBtn" class="btn-material btn-material-primary-medium-emphasis" > 
					    				<spring:message code="expedientes.inicioOficio.boton.imprimir" />					    	
					    			</button>
					    			<!--<button type="button" id="verPago" class="btn-material btn-material-sm btn-material-primary-low-emphasis icon-button"> 
			        					<i class="mdi mdi-magnify" style="font-size: 1.7rem;"></i> 
			        				</button>-->
					    	</a> 
					    	<!--<a class="dropdown-item" href="<%=PropertiesConstantes.Props.URL_AE01B.getValue()%>/liquidaciones/imprimir/" target="_blank" id="verPago">
								Ver el pago
							</a>-->
					   	</div>
				    	</div>
				    	<div id="tablaLiq" >
						    <table id="liquidaciones" class="tableFit table-striped table-bordered table-material"
							data-url-base="../inicioOficio/liquidaciones">
								<thead>   
							        <tr>
							        	<th data-col-prop="referenciaLiq00"  data-col-sidx="referenciaLiq00">
								        	<spring:message code="cobros.referencia"/>
								        </th>
								        <th data-col-prop="concepto00"  data-col-sidx="concepto00">
								        	<spring:message code="cobros.concepto"/>
								        </th>
								        <th data-col-prop="importe00" data-col-sidx="importe00">
								        	<spring:message code="cobros.importe"/>
								        </th>
								        <th data-col-prop="fEmision00" data-col-sidx="fEmision00">
								        	<spring:message code="cobros.fecEmision"/>
								        </th>
								        <th data-col-prop="fLimitePago00" data-col-sidx="fLimitePago00">
								        	<spring:message code="cobros.fLimitePago"/>
								        </th>
							        </tr>
								</thead>
							</table>
					    
					    </div>
					   
					   	
					</div>
				</div>
			</c:when>
		</c:choose>
		
		
		<c:choose> 
			<c:when test="${idProcedimiento00 eq procedimientoBajaVal}">
			<div hidden class="clsCabecera plegable"><i class="mdi mdi-minus-box-outline"></i><spring:message code="expedientes.inicioOficio.subTitle.observaciones"/></div>
				<div>	
					<div class="form-row row" hidden>
		                <div class="form-groupMaterial col-sm-12">
		                    <form:textarea path="observaciones00" id="observacionesOficio" rows="4"></form:textarea>
		                </div>
		            </div>
		         </div>
			</c:when>
			<c:otherwise>
			<div class="clsCabecera plegable"><i class="mdi mdi-minus-box-outline"></i><spring:message code="expedientes.inicioOficio.subTitle.observaciones"/></div>
				<div>	
        			<div class="form-row row" >
		                <div class="form-groupMaterial col-sm-12">
		                    <form:textarea path="observaciones00" id="observacionesOficio" rows="4"></form:textarea>
		                </div>
	           		</div>	
	            </div>
      		</c:otherwise>
		</c:choose>	
		
		<c:choose> 
			<c:when test="${idProcedimiento00 eq procedimientoInformeVal}">	
			<div  class="clsCabecera plegable"><i class="mdi mdi-minus-box-outline"></i><spring:message code="expedientes.inicioOficio.subTitle.motivoinforme"/></div>
				<div>	
					<div class="form-row row" >
		                <div class="form-groupMaterial col-sm-12">
		                    <form:textarea path="motivoInforme00" id="motivoInformeOficio" rows="4"></form:textarea>
		                </div>
		            </div>
		         </div>
			</c:when>
			<c:otherwise>
			<div hidden class="clsCabecera plegable"><i class="mdi mdi-minus-box-outline"></i><spring:message code="expedientes.inicioOficio.subTitle.motivoinforme"/></div>
				<div>	
        			<div class="form-row row" hidden>
		                <div class="form-groupMaterial col-sm-12">
		                    <form:textarea path="motivoInforme00" id="motivoInformeOficio" rows="4"></form:textarea>
		                </div>
	           		</div>	
	            </div>
      		</c:otherwise>
		</c:choose>		
		            
		<div class="clsCabecera plegable"><i class="mdi mdi-minus-box-outline"></i><spring:message code="expedientes.inicioOficio.subTitle.canalesOrigen"/></div>
			<div>	
	      			<div class="form-row row" >
	                <div class="form-groupMaterial col-sm-4">
	                    <form:select  path="origenOficio00" id="canalesOficio" >
						    	 <form:option value="">---</form:option>				    
								 <form:options items="${tipoCanalOrigen}" itemLabel="label" itemValue="value" />
						</form:select>    					    
	                </div>
	          		</div>	
	           </div>
	           
		<div id="documento-layer">
			<div class="clsCabecera plegable"><i class="mdi mdi-minus-box-outline"></i><spring:message code="expedientes.inicioOficio.subTitle.documentos"/></div>
				<div>
<!-- 					<button id="mostrarDialogDocumentos" type="button" class="btn-material btn-material-primary-high-emphasis mr-2"> -->
<!-- 						<i class="mdi mdi-plus"></i> -->
<!-- 						<span> -->
<%-- 							<spring:message code="Adjuntar documento"/> --%>
<!-- 						</span> -->
<!-- 					</button> -->
					<div id="subirDocumentos">	
					<div id="subirDocOficio_feedback"></div>
				
					<div class="form-row row">
						<div class="form-groupMaterial col-sm-4"> 
							<input id="idTipoDoc_tipificar_oficios" />
						    <label for="idTipoDoc_tipificar_oficios"><spring:message code="expedientes.detalle.documentos.tipo"/></label>					
					
						</div>
					</div>
					<div class="form-row row" style="margin-top:0">
						<div class="form-groupMaterial col-sm-8"  style="margin:0">
						   <div id="fileupload_only" >
						      <form action="../upload" id="usuarioForm" enctype="multipart/form-data"
						         method="POST">
						         <input type="file" id="documento" name="documento">
						      </form>
						   </div>
						</div>
					</div>
				</div>
					<table id="documento_table" class="tableFit table-striped table-bordered table-material"
						data-url-base="../inicioOficio/documentosOficio">
						<thead>   
					        <tr>
					        	<th data-col-prop="tipoDocumentoDescEs"  data-col-sidx="IDTIPODOC70">
						        	<spring:message code="bandejas.telematica.tipoDocumento"/>
						        </th>
						        <th data-col-prop="nombreDocumento"  data-col-sidx="NOMBREDOC70">
						        	<spring:message code="bandejas.telematica.detail.nombreDocumento"/>
						        </th>
						        <th data-col-prop="oidDocumento" data-col-sidx="OIDDOCUMENTO">
						        	<spring:message code="Eliminar"/>
						        </th>
					        </tr>
					    </thead>
					</table>				
				</div>
			</div>
<%-- 		<jsp:include page="includes/adjuntarDocumentos.jsp"></jsp:include> --%>
			<!-- Un campo por cada fichero  -->
			<!--<c:choose>
				<c:when test="${idProcedimiento00 eq procedimientoBajaVal}">
					<div class="form-row row">
						<input type="file" id="campoFicheroEsquela" name="fichero" />
						<label for="campoFicheroEsquela"><spring:message code="expedientes.inicioOficio.campoFicheroEsquela"/></label>
					</div>
					<div class="form-row row">
						<input type="file" id="campoFicheroIngresoResidencia" name="fichero" />
						<label for="campoFicheroIngresoResidencia"><spring:message code="expedientes.inicioOficio.campoFicheroIngresoResidencia"/></label>
					</div>
					<div class="form-row row">
						<input type="file" id="campoFicheroOtrosBaja" name="fichero" />
						<label for="campoFicheroOtrosBaja"><spring:message code="expedientes.inicioOficio.campoFicheroOtrosBaja"/></label>
					</div>
				</c:when>
				<c:when test="${idProcedimiento00 eq procedimientoModificacionVal}">
					<div class="form-row row">
						<input type="file" id="campoFicheroAcreditacionUrgencia" name="fichero" />
						<label for="campoFicheroAcreditacionUrgencia"><spring:message code="expedientes.inicioOficio.campoFicheroAcreditacionUrgencia"/></label>
					</div>
					<div class="form-row row">
						<input type="file" id="campoFicheroIngresoResidencia" name="fichero" />
						<label for="campoFicheroInformeSocial"><spring:message code="expedientes.inicioOficio.campoFicheroInformeSocial"/></label>
					</div>
					<div class="form-row row">
						<input type="file" id="campoFicheroOtrosModif" name="fichero" />
						<label for="campoFicheroOtrosModif"><spring:message code="expedientes.inicioOficio.campoFicheroOtrosModif"/></label>
					</div>		
				</c:when>
				<c:when test="${idProcedimiento00 eq procedimientoRevision_precioVal}">
					<div class="form-row row">
						<input type="file" id="campoFicheroDatosTributariosSolicitante" name="fichero" />
						<label for="campoFicheroDatosTributariosSolicitante"><spring:message code="expedientes.inicioOficio.campoFicheroDatosTributariosSolicitante"/></label>
					</div>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          
					<div class="form-row row">
						<input type="file" id="campoFicheroDatosTributariosConyuge" name="fichero" />
						<label for="campoFicheroDatosTributariosConyuge"><spring:message code="expedientes.inicioOficio.campoFicheroDatosTributariosConyuge"/></label>
					</div>
					<div class="form-row row">
						<input type="file" id="campoFicheroInformeSocialBase" name="fichero" />
						<label for="campoFicheroInformeSocialBase"><spring:message code="expedientes.inicioOficio.campoFicheroInformeSocialBase"/></label>
					</div>	
					<div class="form-row row">
						<input type="file" id="campoFicheroOtrosRevision" name="fichero" />
						<label for="campoFicheroInformeSocialBase"><spring:message code="expedientes.inicioOficio.campoFicheroInformeSocialBase"/></label>
					</div>	
				</c:when>
				<c:when test="${idProcedimiento00 eq procedimientoInformeVal}">			
					
				</c:when>
			</c:choose>-->
		
	</form:form>
	</div>
</div>
	<div id="dialogConfirm" style="display: none" class="custom_small_dialog">
		<div class="form-row row">
			<div class="form-groupMaterial col-sm-12"> 
				<label class="lbl-auto"></label>		
			</div>
		</div>
	</div>
	
	
	<div class="row customButtonSet">
	    <div class="col col-sm-12">
	        <div id="tabDatosBeneficiarios_buttonset" class="text-right">
	        	<!-- Bot�n cancelar -->
				<!--  <button id="iniciarOficio_detail_button_cancel" class="btn-material btn-material btn-material-primary-low-emphasis" type="button">
					<spring:message code="cancel" />
				</button>-->
				<!-- Bot�n guardar -->				
				<button id="iniciarOficio_detail_button_save" class="btn-material btn-material-primary-high-emphasis" type="button">
					<i class="mdi mdi-settings"></i>
					<span><spring:message code="tramitar"/></span>
				</button>
	        </div>
		</div>
	</div>	