<%@include file="/WEB-INF/includeTemplate.inc"%>
<%@page import="com.ejie.ad74a.util.constantes.modelos.TipoCuentas"%>


<div id="cambioCuentaDialog" class="custom_mid_dialog">
<br>
	<div id="tabDatosBeneficiariosDialogCuenta_form_feedback"></div>
	<form:form id="tabDatosBeneficiariosCuentas_form" >
		<div class="form-row row">
				<div class="form-groupMaterial col-sm-4">
			     	<input required="required" name="codTipoIdenTitular05" class="form-control"  id="codTipoIdenTitular05_tabDatosBeneficiarios_edit_table" />
			     	<label for="codTipoIdenTitular05_tabDatosBeneficiarios_edit_table" style="width:100%" class="select-material"><spring:message code="beneficiarios.detalle.codTipoIdenTitular05"/></label>
				</div>
			    <div class="form-groupMaterial col-sm-4">
			     	<input required="required" name="idenTitular05" class="form-control"  id="idenTitular05_tabDatosBeneficiarios_edit_table" maxlength="<%=TipoCuentas.MAX_LENGTH_IDENTITULAR05_STR%>"/>
			     	<label for="idenTitular05_tabDatosBeneficiarios_edit_table" class="select-material"><spring:message code="beneficiarios.detalle.idenTitular05"/></label>
				</div>
				<div class="form-groupMaterial col-sm-4">
		   		<input required="required" class="form-control" name="nombreTitCuenta05" id="nombreTitCuenta05_tabDatosBeneficiarios_edit_table" maxlength="<%=TipoCuentas.MAX_LENGTH_TITULARCUENTA05_STR%>"/>
		     	<label for="nombreTitCuenta05_tabDatosBeneficiarios_edit_table" style="width:100%" class="select-material"><spring:message code="beneficiarios.detalle.nombretitcuenta05"/></label>
			</div> 
			    
		</div>
		<div class="form-row row">
		<div class="form-groupMaterial col-sm-4">
		   		<input required="required" class="form-control" name="apellido1TitCuenta05" id="apellido1TitCuenta05_tabDatosBeneficiarios_edit_table" maxlength="<%=TipoCuentas.MAX_LENGTH_TITULARCUENTA05_STR%>"/>
		     	<label for="apellido1TitCuenta05_tabDatosBeneficiarios_edit_table" style="width:100%" class="select-material"><spring:message code="beneficiarios.detalle.ape1titcuenta05"/></label>
			</div>

		    <div class="form-groupMaterial col-sm-4">
		     	<input class="form-control" name="apellido2TitCuenta05" id="apellido2TitCuenta05_tabDatosBeneficiarios_edit_table" maxlength="<%=TipoCuentas.MAX_LENGTH_NUMCUENTA05_STR%>"/>
		     	<label for="apellido2TitCuenta05_tabDatosBeneficiarios_edit_table" style="width:100%" class="select-material"><spring:message code="beneficiarios.detalle.ape2titcuenta05"/></label>
			</div>
			    
			    <div class="form-groupMaterial col-sm-4">
			     	<input required="required" name="numCuenta05" class="form-control sinespacios"  id="numCuenta05_tabDatosBeneficiarios_edit_table" maxlength="<%=TipoCuentas.MAX_LENGTH_NUMCUENTA05_STR%>"/>
			     	<label for="numCuenta05_tabDatosBeneficiarios_edit_table" class="select-material"><spring:message code="beneficiarios.detalle.numCuenta05"/></label>
				</div>
		</div>
		
		<div class="form-row row">
			<div class="form-groupMaterial col-sm-12">
				<textarea name="motivo05" required="required" cols="50" class="form-control" id="motivoCuenta05_tabDatosBeneficiarios_detail_table"></textarea>
				<label for="motivoCuenta05_tabDatosBeneficiarios_detail_table" class="select-material"><spring:message code="beneficiarios.detalle.motivoCambioCuenta"/></label>
			</div>
		</div>
		
		
	</form:form>
	<div id="plegadoDocumentos">
					<div class="clsCabecera plegable"><i class="mdi mdi-plus-box-outline"></i><spring:message code="avisos.detalle.cabeceraDocumentos"/></div>
						<div class="plegado" id="plegable_documentos">
	
					<div class="form-row row">

					
							<div id="form_subir_docs">
	<div class="form-groupMaterial col-sm-12"> 
		 <input name="idTipoDoc87" id="idTipoDoc87_cuentas_dialog" required="required" />
	    <label for="idTipoDoc87_cuentas_dialog"><spring:message code="beneficiarios.detalle.seleccionar"/></label>					
					  
	</div>
	</div>
	</div>
	<div class="form-row row">
		<div class="form-groupMaterial col-sm-12">
		<div id="fileupload_only">
			<form action="../upload" id="usuarioForm" enctype="multipart/form-data"
				         method="POST">
			<input type="file" id="documento_cuenta" name="documento_cuenta">
				</form>
			</div>
		</div>
		</div>
						

						<div class="form-row row">
							
					
								<div id="link-layer" class="col-sm-12">
							<table id="documento_table_cuentas" class="customTable table-striped tableFit table-bordered table-material dataTable dtr-column">
								<thead>
									<tr>
											
											<th data-col-prop="idTipoDoc87" data-col-sidx="IDTIPODOC87"><spring:message code="beneficiarios.tipoDoc"/></th>
											<th data-col-prop="nombreDoc87" data-col-sidx="NOMBREDOC87"><spring:message code="beneficiarios.nombreDoc"/></th>
											<th data-col-prop="falta87" data-col-sidx="FALTA87"><spring:message code="beneficiarios.fecAlta"/></th>
											<th data-col-prop="extension87" data-col-sidx="EXTENSION87"></th>								
									</tr>
								</thead>
								<tbody>									
								</tbody>
							</table>
						</div>
						</div>
						</div>
						</div>
						
</div>