

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@page import="pe.siso.horario.Services.HorarioServices"%>
<%@page import="org.json.JSONArray"%>
<%@page import="org.json.JSONObject"%>
<%@page import="java.util.*"%>
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<!--<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">-->
		<title>JSP Page</title>
		<style>

			.datacabecera{
				color: black;
			}
			.cabeceraDias th{
				background-color: skyblue;
			}
		</style>

	</head>
	<body>
		<%
			String borderT="style='border:solid 0.5pt #000000;vertical-align:middle; background-color:#A9F5F2;' ";
			String border="style='border:solid 0.5pt #000000;vertical-align:middle;'";
		%>




		<h1>VER MI HORARIO!</h1>
		<hr>
		<form class="form">

		</form>
		<label>Periodo : </label>
		<div class="container">
			<select id="cboPeriodo">
			</select>
		</div>
		<hr>
		<table border="2" class="tabla">
			<tr> 
				<td colspan="7" height='10'> </td>
			</tr> 
			<tr class="cabecera">
				<td colspan="2" class="datacabecera"><b>DOCENTE:</b></td>
				<td colspan="2" id="docente"></td>
				<td colspan="1" class="datacabecera"><b>CORREO:</b></td>
				<td colspan="2" id="correo"></td>
			</tr> 
			<tr  class="cabecera">

				<td colspan="2"  class="datacabecera"><b>CELULAR:</b></td>
				<td colspan="2"  align='left' id="celular"></td>
				<td colspan="1"class="datacabecera" ><b>DISTRITO:</b></td>
				<td colspan="2" id="distrito"></td>
			</tr> 

			<tr  class="cabecera">
				<td colspan="2"  height='70'class="datacabecera" ><b>DIRECCIÓN:</b></td>
				<td colspan="5"  id="direccion"></td>
			</tr> 
			<tr> 
				<td height='10'  colspan="7" ></td>
			</tr>


			<tr class="cabeceraDias">
				<th>TURNO</th>
				<th>LUNES</th>
				<th>MARTES</th>
				<th>MIERCOLES</th>
				<th>JUEVES</th>
				<th>VIERNES</th>
				<th>SABADO</th>
			</tr>
			<tr>
			  <tr>
				<td>M</td>
			</tr>
			<tr><td>T</td></tr>
		</tr>


	</table>
		<script src="../assets/js/jquery.js" type="text/javascript"></script>
<!--	<script src="js/jquery-3.3.1.min.js" type="text/javascript"></script>-->
	<script src="js/pages/vistaHorarioDocente.js" type="text/javascript"></script>
</body>
</html>
