

<%@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="../assets/css/bootstrap.css" />
        <link rel="stylesheet" href="../assets/css/font-awesome.css" />

        <!-- page specific plugin styles -->
        <link rel="stylesheet" href="../assets/css/jquery-ui.custom.css" />
        <link rel="stylesheet" href="../assets/css/chosen.css" />
        <link rel="stylesheet" href="../assets/css/datepicker.css" />
        <link rel="stylesheet" href="../assets/css/bootstrap-timepicker.css" />
        <link rel="stylesheet" href="../assets/css/daterangepicker.css" />
        <link rel="stylesheet" href="../assets/css/bootstrap-datetimepicker.css" />
        <link rel="stylesheet" href="../assets/css/colorpicker.css" />

        <!-- text fonts -->
        <link rel="stylesheet" href="../assets/css/ace-fonts.css" />

        <!-- ace styles -->
        <link rel="stylesheet" href="../assets/css/ace.css" class="ace-main-stylesheet" id="main-ace-style" />
        <title>:::SISTEMA DE HORARIOS:::</title>
        <style>

            .datacabecera{
/*                color: black;*/
                border-color: black;
            }
            .negrita{
                font-weight: bold;
            }
            .cabeceraDias th{
                background-color: #2F75B5;
                text-align: center;
                color:white;
                border-color: black;
            }

            .celdas{
                text-align:center;
                font-size:13px;
            }
        </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;'";
			
        %>

        <div class="navbar navbar-default" id="navbar">

            <div class="navbar-container" id="navbar-container">

            </div>
            
            <div class="navbar-header pull-left">
                <span class="navbar-brand">
                    <small>
                        <i class="ace-icon fa fa-calendar green"></i>
                        <span class="orange">Sistema</span>
                        <span class="white">de Horarios</span>
                    </small>
                </span>

            </div>
        </div>

        <div class="main-container">
            <div class="main-content-inner">
                <div class="breadcrumbs" id="breadcrumbs">
                    <ul class="breadcrumb">
                        <li>
                            <i class="ace-icon fa fa-home home-icon"></i>
                            <a href="principalDocente.jsp">INICIO</a>
                        </li>
                        <li class="active">
                            Horarios
                        </li>
                    </ul>

                </div>

                <div class="page-content">
                    <div class="page-header">
                        <h1>Horario
                            <small>
                                <i class="ace-icon fa fa-angle-double-right"></i>
                                Ver horarios de acuerdo al periodo
                            </small>
                        </h1>
                    </div>
                    <div class="row">
                        <select id="cboPeriodo" class="chosen-select form-control">

                        </select>

                        <div class="col-sm-12" style="width: 100%">
                            <div class="col-sm-12">

                                <hr>
                                <form class="formular">
                                    <div id="divListaRegistro">
                                        <div>


                                            <div id="tabla" style="display: none;" class="table">

                                                <table border="2" id="tabla" class="table">
                                                    <tbody>
                                                        <tr style="background-color: #2F75B5;"> 
                                                            <td colspan="7" height='50' style="color: white;font-size:20px;"><i class="fa fa-calendar"></i> Horario Docente</td>
                                                        </tr> 
                                                        <tr class="cabecera">
                                                            <td colspan="1" class="datacabecera"><b>DOCENTE:</b></td>
                                                            <td colspan="2" class="negrita" id="docente"></td>
                                                            <td colspan="1"  class="datacabecera"><b>CORREO:</b></td>
                                                            <td colspan="3" class="negrita" id="correo"></td>
                                                        </tr> 
                                                        <tr  class="cabecera">

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

                                                        <tr  class="cabecera">
                                                            <td colspan="1"  height='70'class="datacabecera" ><b>DIRECCIÓN:</b></td>
                                                            <td colspan="6" class="negrita"  id="direccion"></td>
                                                        </tr> 
<!--                                                        <tr> 
                                                            <td height='1'  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 id="trM" style="border-color: black;">

                                                        </tr>
                                                        <tr id="trT" style="border-color: black;">

                                                        </tr>
                                                        </tr>

                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                        <div class="alert alert-info" data-placement="top" style="display: none;">
                                            <strong>No tienes horario registrado en este periodo.</strong>
                                        </div>
                                </form>



                            </div>
                        </div>
                    </div>

                </div>

            </div>


            <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>
