<?php
  include('../seguridad.php')
?>
<html>

    <head><meta http-equiv='expires' content='0'><meta http-equiv='Cache-Control' content='no-cache'><meta http-equiv='Pragma' CONTENT='no-cache'>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Habilitaciones</title>

         <link rel="stylesheet" href="https://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
        <script src="https://code.jquery.com/jquery-1.8.2.js"></script>
        <script src="/resources/demos/external/jquery.bgiframe-2.1.2.js"></script>
        <script src="https://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>

       <!-- <script src="../jquery.js"></script> -->

        <link rel="stylesheet" type="text/css" href="../css/capas.css"/>
        <script type="text/javascript" src="habilitaciones.js"></script>
        <link rel="stylesheet" type="text/css" href="estilo.css"/>
        
    </head>
    <body onload='cargar_sedes()'>
        
    
    <div id="gn">

    <div id="cp1">
        <center>
           <img src="../imagenes/encabezado.jpg" width=50% height=50%>&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
           <img src="../imagenes/escudo.png" width=10% height=70%>
        </center>
    </div>    
        
    <div id="cp2">
    <h4 ALIGN="CENTER">INGRESAR HABILITACIONES</h4><br>
    <center>
        <form>
        <table  border='1' align='center'  style='border-collapse:collapse;background:#FAFAFA'>
            <tr>   
                <TD align='center' width='30' style='font-weight:bold;font-size: 12px;background-color: #dfdcdc'>SEDE</TD>  <TD align='center' width='30'><SELECT class='Estilo16' style="width: 250px;" id="sedes"  onchange='mostrar_grados()'> <option value=""></option></SELECT></TD>
                <TD align='center' width='30' style='font-weight:bold;font-size: 12px;background-color: #dfdcdc'>GRADO</TD> <TD align='center' width='30'><SELECT class='Estilo16' style="width: 150px;" id="grados" onchange='mostrar_grupos()'><option value=""></option></SELECT></TD>
                <TD align='center' width='30' style='font-weight:bold;font-size: 12px;background-color: #dfdcdc'>GRUPO</TD> <TD align='center' width='40'><SELECT class='Estilo16' style="width: 200px;" id="grupos" onchange='mostrar_asignaturas()'> <option value=""></option></SELECT></TD>

            <tr>
                <TD align='center' style='font-weight:bold;font-size: 12px;background-color: #dfdcdc'>ASIGNATURAS</TD> <TD align='center' colspan='2' ><SELECT class='Estilo17' style="width: 300px;" id="asignaturas" onchange='mostrar_docente()'> <option value=""></option></SELECT></TD>
                <TD align='center' style='font-weight:bold;font-size: 12px;background-color: #dfdcdc'>DOCENTE</TD>     <TD align='center' colspan='2' style='font-size: 13px;'><div id="docente"></div></TD>
            </tr>

        </table>
         
      <div class="contenedor" style="overflow: scroll;width: 90%;height:320px;margin: 5px 50px 5px 50px; padding: 2px 4px 2px 2px;">

        <div id="habilitaciones"></div>

        <div id="dialog" style="background-color:#003366;" title="Seleccione Nota" style="display:none;"></div>

       </div>    
          
          <input type='button' name='btnlimpiar' class="button small green" onclick='limpiar()' value=' Limpiar '>&nbsp;&nbsp;
          <input type='button' name='btnlimpiar' class="button small green" onclick='retornar()' value=' Retornar '>

     </form>

    <br>
    </center>

    </div>
        
    <div id="cp3">
       <center>
       <img src="../imagenes/pie.jpg" />
       </center>
    </div>

    </div>

</body>
</html>
