<%@include file="/jsp/common/taglibs.jsp"%>

<!-- Modal -->
<div class="modal fade bs-example-modal-lg" id="modalCarga">
	<div class="modal-dialog  modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"
					aria-hidden="true">×</button>
				<h3 class="modal-title">Subir Archivo</h3>
			</div>
			<div class="modal-body">

				<div id="esperaDiv" align="center" ></div>
								  
				<s:form id="idFormCargaAlgo" class="form-horizontal col-md-10" action="#">
					<fieldset>
						<div class="form-group">
							<label for="inputEmail3" class="col-md-2  control-label">Selecccione archivo: </label>
							<div class="col-md-4">
								<div id="cargaFeesDiv">Upload</div>
							</div>
						</div>
					</fieldset>
				</s:form>
				
				<div id="divTemplate" class='row' style="display:none">											    											
						<div class="col-xs-5">
							<br><br><br>													
							Descarga la plantilla para la carga de datos. (<a href="#" onclick="descargarPlantilla()">Obtener Plantilla</a>)					
						</div>																							
				</div>								

			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
				<button type="button" class="btn btn-primary" id="cargaFile">Aceptar</button>
			</div>
		</div>
	</div>
</div>

<div id='dialogPeriodoExcel' name='dialogPeriodoExcel' class='modal fade bs-example-modal-sm' >
		 <div class='modal-dialog  modal-lg'>
		    <div class='modal-content'>
				<div class='modal-header'>
				 <button type='button' class='close' data-dismiss='modal' aria-hidden='true'>X</button>
					<h3 class='modal-title'>Selecciona Período A Cargar Datos</h3>
				</div>
				<div class='modal-body'>				
					<div class='row'>					    
						<div class="col-xs-1">
							<br>
						    <label>Periodos </label>																					
						</div>						
						<div class="col-xs-3">
							<br>						
							<select id="periodoExcel" class="form-control" >											
						</div>																	
						<div class="col-xs-2">				
							<input type="text" class="datepicker form-control hide"/>																	
						</div>
					</div>
					
					<div class='row'>											    											
						<div class="col-xs-5">
							<br><br><br>													
							Descarga la plantilla para la carga de datos. (<a href="#" onclick="descargarPlantilla()">Obtener Plantilla</a>)					
						</div>																							
					</div>
					
					<br>
					<label id="labErroExcel" style="color:red; display:none;"></label>																			
				</div>
				<div class='modal-footer'>					
				    	<button type='button' id="aceptarPerExcel" class='btn btn-default' onclick="showDialogosExcel()">Aceptar</button>				    						
				</div>
			</div>
		</div>
	</div>
	
	<div id='dialogTempFlat' name='dialogTempFlat' class='modal fade bs-example-modal-sm' >
		 <div class='modal-dialog  modal-lg'>
		    <div class='modal-content'>
				<div class='modal-header'>
				 <button type='button' class='close' data-dismiss='modal' aria-hidden='true'>X</button>
					<h3 class='modal-title'>Plantilla Carga Flat</h3>
				</div>
				<div class='modal-body'>														
					<div class='row'>											    											
						<div class="col-xs-5">
							<br><br><br>													
							Descarga la plantilla para la carga de datos. (<a href="#" onclick="descargarPlantilla()">Obtener Plantilla</a>)					
						</div>																							
					</div>																													
				</div>
				<div class='modal-footer'>					
				    	<button type='button' id="aceptarPerExcel" class='btn btn-default' onclick="showDialogosExcel()">Aceptar</button>				    						
				</div>
			</div>
		</div>
	</div>