<%@include file="/WEB-INF/includeTemplate.inc"%>

<div class="container y41e-fade in" id="divAreas">
	<h2><spring:message code="menu.areas"/></h2>
	<hr class="mb-2">
	<div id="area_div" class="rup-table-container">
		<!-- Feedback de la tabla --> 
		<div id="area_feedback"></div>
		<!-- Capa contenedora del formulario de filtrado -->	
		<div id="area_filter_div" class="rup-table-filter">
				<!-- Formulario de filtrado -->
				<form id="area_filter_form">
				<!-- Barra de herramientas del formulario de filtrado -->
				<div id="area_filter_toolbar" class="formulario_legend"></div>
				<fieldset id="area_filter_fieldset" class="rup-table-filter-fieldset">
					<div class="p-2">
						<div class="formulario_columna_cnt data-block" id="filtro">
							<div class="form-row">
								<div class="col-xs-12 col-sm-6">
									<label for="idArea_filter"><spring:message code="area.id" /></label>
									<input type="text" name="idArea" class="form-control" id="idArea_filter" maxlength="3"/>
								</div>
								<div class="col-xs-12 col-sm-6">
									<label for=activa_filter><spring:message code="comun.activa" /></label>
									<select	name="activa" id="activa_filter" class="form-control"></select>
								</div>
							</div>
							<div class="form-row">
							    <div class="col-xs-12 col-sm-6">
                                    <label for=descEu_filter><spring:message code="comun.titEu" /></label>
                                    <input type="text" name="descEu" class="form-control" id="descEu_filter" maxlength="100"/>
                                </div>
								<div class="col-xs-12 col-sm-6">
									<label for="descEs_filter"><spring:message code="comun.titEs" /></label>
									<input type="text" name="descEs" class="form-control" id="descEs_filter" maxlength="100"/>
								</div>
							</div>
						</div>
					</div>
					<div id="area_filter_buttonSet" class="tableFilter-buttons text-center">
						<!-- Botón de filtrado -->
						<button id="area_filter_filterButton" type="button" class="ui-button ui-widget ui-state-default ui-corner-all"><spring:message code="filter" /></button>
						<a id="area_filter_cleanLink" href="javascript:void(0)" class="rup-enlaceCancelar"><spring:message code="clear" /></a>
					</div>
				</fieldset>
			</form>
		</div>
        <!-- Botonera de la tabla -->
        <div id="area_toolbar"></div>
	
		<div id="area_grid_div">
			<!-- Tabla -->
			<table id="area"></table>
			<!-- Barra de paginación -->
			<div id="area_pager"></div>
		</div>
	</div>
</div>	

<!-- Formulario de detalle -->
<div id="area_detail_div" class="rup-table-formEdit-detail">
	<div id ="area_detail_navigation"></div>			<!-- Barra de navegación del detalle -->
	<div class="ui-dialog-content ui-widget-content" >
		<form id="area_detail_form">					<!-- Formulario -->
			<div id ="area_detail_feedback"></div>		<!-- Feedback del formulario de detalle -->
				<!-- Campos del formulario de detalle -->
				<div class="form-row">
					<div class="col-xs-12 col-sm-6">
						<label for="idArea_detail_table"><spring:message code="area.id"/></label>
						<input type="text" name="idArea" class="form-control" id="idArea_detail_table" disabled="disabled"/>
					</div>
					<div class="col-xs-12 col-sm-6">
                        <label for="activa_detail_table"><spring:message code="comun.activa"/></label>
                        <select name="activa" id="activa_detail_table" class="form-control"></select>
                    </div>
				</div>
				<div class="form-row">
					<div class="col-xs-12">
						<label for="descEu_detail_table"><i class="fa fa-asterisk" aria-hidden="true"></i><spring:message code="comun.titEu"/></label>
						<input type="text" name="descEu" class="form-control" id="descEu_detail_table" maxlength="100"/>
					</div>
				</div>
				<div class="form-row">
                    <div class="col-xs-12">
                        <label for="descEs_detail_table"><i class="fa fa-asterisk" aria-hidden="true"></i><spring:message code="comun.titEs"/></label>
                        <input type="text" name="descEs" class="form-control" id="descEs_detail_table" maxlength="100"/>
                    </div>
                </div>
				<!-- Fin campos del formulario de detalle -->
		</form>
	</div>
	<!-- Botonera del formulario de detalle -->
	<div class="rup-table-buttonpane ui-widget-content ui-helper-clearfix">
		<div class="ui-dialog-buttonset">
			<!-- Botón Guardar -->
			<button id="area_detail_button_save" type="button">
				<spring:message code="save" />
			</button>
			<!-- Enlace cancelar -->
			<a href="javascript:void(0)" id="area_detail_link_cancel"
				class="rup-enlaceCancelar"><spring:message code="cancel" /></a>
		</div>
	</div>
</div>
