
<!--<form id="form-examen" >-->
	
	<div class="row">
		<div class="col border-right">
			<h2>Configuración</h2>
			<div class="row">
				<div class="col-md-1 col-sm-12"></div>
				<div class="col-md-4 col-sm-12">
				  <div class="form-group">
				  	<label for="periodo">Fecha de inicio:</label>
				    <input type="datetime-local" id="fecha_inicio" name="fecha_inicio" class="form-control form-control-sm" required="" >
				  </div>
				</div>
				<div class="col-md-4 col-sm-12">
				  <div class="form-group">
				  	<label for="periodo">Fecha de Cierre:</label>
				    <input type="datetime-local" id="fecha_cierre" name="fecha_cierre" class="form-control form-control-sm" required="" >
				  </div>
				</div>
				<div class="col-md-2 col-sm-12">
				  <div class="form-group" id="btn_xmn_upd_fecha">
				  	<label for="">&nbsp;</label><br>
				    <input type="button" id="btn_save_fecha" name="btn_save_fecha" value="Registrar" class="btn btn-outline-dark btn-sm btn-block" onclick="update_confi();">
				  </div>
				</div>
			</div>
		</div>
	</div>

	<div id="xmn_form_areas" style="display: none;">
		<div class="row">
			<div class="col-md-1 col-sm-12"></div>
			<div class="col-md-4 col-sm-12">
			  <div class="form-group">
			  	<label for="exa_area">Áreas de conocimiento:</label>
			    <select class="form-control form-control-sm" id="exa_area" name="exa_area" onchange="$('#tipo_exa').text(this.value);">
			    	<option value>.:Seleccione:.</option>
			    	@foreach ($areas as $a)
			    		<option value="{{ $a->id }}">{{ $a->nombre }}</option>
			    	@endforeach
			    </select>
			  </div>
			</div>
			<div class="col-md-4 col-sm-12">
			  <div class="form-group">
			  	<label for="exa_periodo">Consultar por periodo de aplicación:</label>
			    <select class="form-control form-control-sm" id="exa_periodo" name="exa_periodo">
			    	<option value>.:Seleccione:.</option>
			    </select>
			  </div>
			</div>
		</div>

		<div class="row">
			<div class="col-md-1 col-sm-12"></div>
			<div class="col-md-3 col-sm-12">
			  <div class="form-group">
			    <input type="button" id="exa_nuevo" name="exa_nuevo" value="Nuevo Examen" onclick="generar_collapse();" class="btn btn-outline-dark btn-sm btn-block" >
			  </div>
			</div>
			<div class="col-md-1 col-sm-12"></div>
			<div class="col-md-3 col-sm-12">
			  <div class="form-group">
			    <input type="button" id="exa_usar" name="exa_usar" value="Utilizar examen de ese periodo" class="btn btn-outline-dark btn-sm btn-block" >
			  </div>
			</div>
			<div class="col-md-3 col-sm-12" >
			  <div class="form-group">
			    <input type="button" id="descargar" name="descargar" value="Descargar" class="btn btn-outline-dark btn-sm btn-block" >
			  </div>
			</div>
		</div>
	</div>

	<!-- Collapse de areas de conocimiento -->
	<p id="exa_btn_area"></p>
	<div id="exa_form_area"></div>

	<!--No borrar ese div, hace espacio para no hacer scroll-->
	<div id=""></div>

<!--</form>-->
