<!doctype html>
<html>
<head>


<head>
  <title>COLTANQUES</title>
  <meta name="description" content="website description" />
  <meta name="keywords" content="website keywords, website keywords" />
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  <link href="css/style.css" rel="stylesheet" type="text/css" />
  <link href="css/colour.css" rel="stylesheet" type="text/css" />
  <script type="text/javascript" src="js/modernizr-1.5.min.js"></script>
  <script type="text/javascript">
        function ajax(){

            var d=document.getElementById("buscar").value; 
            var n=document.getElementById("numero").value;
            var n1=parseInt(n);
            
            document.getElementById("numero").value=n1+1;
            var div=document.getElementById("con").innerHTML;
            div=div+'<tr id="lolo'+n+'"></tr>';
            document.getElementById("con").innerHTML=div
            var ajax=new XMLHttpRequest();
            ajax.onreadystatechange=function(){
                if(ajax.readyState==4 && ajax.status==200){
                    document.getElementById("lolo"+n).innerHTML=ajax.responseText;
                }
            }
            ajax.open("GET","aplicacionasig.php?var1="+d,true);
            ajax.send();   
        }
        </script>
        <script type="text/javascript">
        function ajax1(){

            var d=document.getElementById("buscar1").value; 
            var n=document.getElementById("numero1").value;
            var n1=parseInt(n);
            
            document.getElementById("numero1").value=n1+1;
            var div=document.getElementById("con1").innerHTML;
            div=div+'<tr id="lolo1'+n+'"></tr>';
            document.getElementById("con1").innerHTML=div
            var ajax1=new XMLHttpRequest();
            ajax1.onreadystatechange=function(){
                if(ajax1.readyState==4 && ajax1.status==200){
                    document.getElementById("lolo1"+n).innerHTML=ajax1.responseText;
                }
            }
            ajax1.open("GET","selectaplicacion.php?var1="+d,true);
            ajax1.send();   
        }
        </script>
         <script type="text/javascript">
        function ajax8(){

            var d=document.getElementById("buscar8").value; 
            var n=document.getElementById("numero8").value;
            var n1=parseInt(n);
            
            document.getElementById("numero8").value=n1+1;
            var div=document.getElementById("con8").innerHTML;
            div=div+'<tr id="lolo8'+n+'"></tr>';
            document.getElementById("con8").innerHTML=div
            var ajax8=new XMLHttpRequest();
            ajax8.onreadystatechange=function(){
                if(ajax8.readyState==4 && ajax8.status==200){
                    document.getElementById("lolo8"+n).innerHTML=ajax8.responseText;
                }
            }
            ajax8.open("GET"," ?var1="+d,true);
            ajax8.send(); 
        }
        </script>


          <script type="text/javascript">
             function ajax3(){
            var d=document.getElementById("buscar3").value; 
            var n=document.getElementById("numero3").value;
            var n1=parseInt(n);
            document.getElementById("numero3").value=n1+1;
            var div=document.getElementById("con3").innerHTML;
            var ajax3=new XMLHttpRequest();
            ajax3.onreadystatechange=function(){
                if(ajax3.readyState==4 && ajax3.status==200){
                    document.getElementById("con3").innerHTML=ajax3.responseText;
                }
            }
            ajax3.open("GET","consultaaplicacionpopartes.php?var1="+d,true);
            ajax3.send();   
        }
        </script>

        
          <script type="text/javascript">
             function ajax5(){
            var d=document.getElementById("buscar5").value; 
            var n=document.getElementById("numero5").value;
            var n1=parseInt(n);
            document.getElementById("numero5").value=n1+1;
            var div=document.getElementById("con5").innerHTML;
            var ajax5=new XMLHttpRequest();
            ajax5.onreadystatechange=function(){
                if(ajax5.readyState==4 && ajax5.status==200){
                    document.getElementById("con5").innerHTML=ajax5.responseText;
                }
            }
            ajax5.open("GET","aplicacionconsultaasig.php?var1="+d,true);
            ajax5.send();   
        }
        </script>

         <script type="text/javascript">
             function ajax51(){
            var d=document.getElementById("buscar51").value; 
            var n=document.getElementById("numero51").value;
            var n1=parseInt(n);
            document.getElementById("numero51").value=n1+1;
            var div=document.getElementById("con51").innerHTML;
            var ajax51=new XMLHttpRequest();
            ajax51.onreadystatechange=function(){
                if(ajax51.readyState==4 && ajax51.status==200){
                    document.getElementById("con51").innerHTML=ajax51.responseText;
                }
            }
            ajax51.open("GET","aplicacionasig12.php?var1="+d,true);
            ajax51.send();   
        }
        </script>
</head>
<body style=width:1300px>
  <div id="main">

    <!-- begin header -->
    <aside>
        <nav>
        <ul class="sf-menu" id="nav">
            <li><a href="#">Administrar</a>
                <ul>
                 <li><a href="AdministrarPersonal.php"><span class="fa fa-caret-right"></span>Personal</a></li>
                <li><a href="ingresarportatil.php"><span class="fa fa-caret-right"></span> Portatil</a></li>
                <li><a href="ingresarcpu.php"><span class="fa fa-caret-right"></span> CPU</a></li>
                <li><a href="ingresarpantalla.php"><span class="fa fa-caret-right"></span> Pantalla</a></li>
                <li><a href="ingresarteclado.php"><span class="fa fa-caret-right"></span> Teclado</a></li>
                <li><a href="ingresarcamara.php"><span class="fa fa-caret-right"></span> Camara</a></li>
                <li><a href="ingresarimpresora.php"><span class="fa fa-caret-right"></span> Impresora</a></li>
                <li><a href="ingresartablets.php"><span class="fa fa-caret-right"></span> Tablets</a></li>
                <li><a href="ingresarmouse.php"><span class="fa fa-caret-right"></span> Mouse</a></li>
                 <li><a href="Historial.php"></span>Historial</a></li>
            </ul>
                <li><a href="#">Asignacion</a>
              <ul>
               <li><a href="equipo.php">Equipos</a></li>
               <li><a href="equipoborrar.php">Borrar asig</a></li>
               <li><a href="Aplicaciones.php"></span>Aplicaciones</a></li>
               <li><a href="consultaasignbloque.php"></span>Consulta Total</a></li>
               <li><a href="consultabloqueasigequipo.php"></span>Historial Asig</a></li>
            </ul>
             <li><a href="#">Formato Equipo</a>
                <ul>
                <li><a href="formatosPortatilesinv.html"><span class="fa fa-caret-right"></span>Entrega Equipo</a>
                <li><a href="formatoDestruccion.html"><span class="fa fa-caret-right"></span>Destruccion</a>
                <li><a href="formatoSalida.html"><span class="fa fa-caret-right"></span>Salida</a>
                <li><a href="formatoEnvio.html"><span class="fa fa-caret-right"></span>Mantenimiento</a>
            </ul>         
              <li><a href="login.php">salir</a>
  
  
      </nav>
    </div>
    </aside>

    <section id="content">
    <div class="container">
      <div id="logo" ><h2><img src="img/coltan.png" style="width:135px"></h2></div>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
   
    </head>
    <body>
    
    <table>
    
    <tr>
    <td>
    <div class="borderidge" style="width: 500px">
       <br>
    <font size=5 color=grey><label><strong>Ingresar Aplicacion</strong></label></font> 
    <br>
     <form action="aplicacioningresar.php" method="POST">
    <table>
     <thead>
      <tr>
      <td>
        <br>
          <input type="text" name="Aplicacion" placeholder="Aplicacion" required>
        </td>
        <td>
        <br>
          <select style="WIDTH: 173px; HEIGHT: 19px" name="estadoapli" required>
              <option selected value="">------</option>
              <option value="5">Vigente</option>
              <option value="6">No Vigente</option>
            </select>
        </td>
        <td>
            <br>
          <button type="submit" value="Ingresar">Ingresar</button>
        </td>
        </tr>
        </form>
        </thead>
      </table>
      </div>
    </td>
    
    
           <td>
           <div class="borderidge" style="width: 500px">
       <br>
    <font size=5 color=grey><label><strong>Actualizar Aplicacion</strong></label></font> 
    <br>
     <form action="aplicacionactualizar.php" method="POST">
    <table>
     <thead>
      <tr>
      <td>
        <br>
          <input type="text" name="Aplicacion" placeholder="Aplicacion" required>
        </td>
        <td>
        <br>
          <select style="WIDTH: 173px; HEIGHT: 19px" name="estadoapli" required>
              <option selected value="">------</option>
              <option value="5">Vigente</option>
              <option value="6">No Vigente</option>
            </select>
        </td>
        <td>
            <br>
          <button type="submit" value="Actualizar">Actualizar</button>
        </td>
        </tr>
        </form>
        </thead>
      </table>
    </td>
    </tr>
    </table>
    </div>
      <table>
      <tr>
      <td>
    <font size=5 color=grey><label><strong> Aplicaciones</strong></label></font>
    <div class="borderidge" style="width: 300px">
    <form action="consultaaplicacionpopartes.php" method="POST"> 
    <table>
    <tr>
    <td>   
    <input  type="text" name="auto3" id="buscar3"  placeholder="Estado" > 
    <input  type="button" name="buscar3" value="Buscar" onclick="ajax3()"/>
    <input type="hidden" id="numero3" value="1"/>
    </td>   
    </tr>
    </table> 

    <table border="1" >
    <tr>       
      <td bgcolor='GREY' style='WIDTH: 150px; HEIGHT: 20px'>
      <label><Strong>Aplicacion</Strong></label>
      </td>
      <td bgcolor='GREY' style='WIDTH: 150px; HEIGHT: 20px'>
      <label><Strong>Estado Aplicacion</Strong></label>
      </td>
    </tr>
    <tbody id="con3">
    </tbody>
    </form>
    </table>
    </td>
    <td>
    <br>
    <font size=5 color=grey><label><strong> Asignar Aplicaciones</strong></label></font>
    <br>
    <div class="borderidge" style="width: 750px">
    <form action="aplicacionasig.php" method="POST"> 
    <table>
    <tr>
    <td>   
    <input  type="text" name="auto" id="buscar"  placeholder="Cedula"  > 
    <input  type="button" name="buscar" value="Buscar" onclick="ajax()"/ >
    <input type="hidden" id="numero" value="1"/>
    </td>   
    </tr>
    </table> 

    <table border="1" >
    <tr>       
    <td bgcolor='GREY' style="WIDTH: 130px; HEIGHT: 15px">
    <label><Strong>Cedula</Strong></label>
    </td>

    <td bgcolor='GREY' style="WIDTH: 130px; HEIGHT: 15px">
    <label><Strong>Nombre</Strong></label>
    </td>

    <td bgcolor='GREY' style="WIDTH: 130px; HEIGHT: 15px">
    <label><Strong>Apellido</Strong></label> 
    </td>
    <td bgcolor='GREY' style="WIDTH: 130px; HEIGHT: 15px">
    <label><Strong>Sede</Strong></label> 
    </td>

    <td bgcolor='GREY' style="WIDTH: 130px; HEIGHT: 15px">
    <label><Strong>Area</Strong></label>
    </td>

    <td bgcolor='GREY' style="WIDTH: 130px; HEIGHT: 15px" bgcolor="666666">
    <label><Strong>Estado</Strong></label>
    </td>
    </tr>
    <tbody id="con">
    </tbody>
    </form>
    </table>

    <font size=3 color=black ><label align="left"><strong>Asignar Aplicacion</strong></label></font>
    <form  action="asignaraplicacion.php" method="POST">
    <table>
    <tr>
    <td>
    <input required type="text" name="Cedula" placeholder="Cedula">
    </td>
    <td>
    <input required type="text" name="aplicacion" placeholder="Nombre Aplicacion">
    </td>
    <td>
    <textarea required rows="3" cols="48" name="observacion" placeholder="Observacion Obligatoria, Permisos del Usuario "></textarea>
    </td>
    </tr>
    </table>
    
    <table>
    <tr>
    <td>-----------------------------------------------------------------------------</td>
    <td>
    <button style="color: #FF0000" type="submit" value="ingresar">Asignar</button>
    </td> 
    <td>----------------------------------------------------------------------------</td>
    </tr>
    </form>
    </table>
    </div>
    </td>


    </tr>
    </table>

    <table>
     <td>
    <br>
    <font size=5 color=grey><label><strong>Borrar Asignacion</strong></label></font>
    <br>
    <div class="borderidge" style="width: 600px">
    <form action="aplicacionasig12.php" method="POST"> 
    <table>
    <tr>
    <td>   
    <input  type="text" name="auto51" id="buscar51"  placeholder="Cedula"  > 
    <input  type="button" name="buscar51" value="Buscar" onclick="ajax51()"/ >
    <input type="hidden" id="numero51" value="1"/>
    </td>   
    </tr>
    </table> 

    <table border="1" >
    <tr>       
    <td bgcolor='GREY' style="WIDTH: 130px; HEIGHT: 15px">
    <label><Strong>Cedula</Strong></label>
    </td>

    <td bgcolor='GREY' style="WIDTH: 140px; HEIGHT: 15px">
    <label><Strong>Nombre</Strong></label>
    </td>

    <td bgcolor='GREY' style="WIDTH: 140px; HEIGHT: 15px">
    <label><Strong>Apellido</Strong></label> 
    </td>
    <td bgcolor='GREY' style="WIDTH: 150px; HEIGHT: 15px">
    <label><Strong>Aplicacion</Strong></label> 
    </td>
    </tr>
    <tbody id="con51">
    </tbody>
    </form>
    </table>

    <font size=3 color=black ><label align="left"><strong>Borrar Asignacion</strong></label></font>
    <form  action="borrarasignaraplicacion.php" method="POST">
    <table>
    <tr>
    <td>
    <input required type="text" name="Cedula" placeholder="Cedula">
    </td>
    <td>
    <input required type="text" name="aplicacion" placeholder="Nombre Aplicacion">
    </td>
    </tr>
    </table> 
    <table>
    <tr>
    <td>-----------------------------------------------------------
    <button style="color: #FF0000" type="submit" value="ingresar">Borrar</button>
    </td> 
    <td>-----------------------------------------------------------</td>
    </tr>
    </form>
    </table>
    </div>
    </td>


    </tr>
    </table>

<table>
   <tr>
      <td>
    <br>
    <font size=5 color=grey><label><strong>Aplicaciones Asignadas</strong></label></font>
    <br>
    <div class="borderidge" style="width: 1100px">
    <form action="aplicacionconsultaasig.php" method="POST"> 
    <table>
    <tr>
    <td>   
    <input  type="text" name="auto5" id="buscar5"  placeholder="Estado,Area,Sede,Cedula"  > 
    <input  type="button" name="buscar5" value="Buscar" onclick="ajax5()"/ >
    <input type="hidden" id="numero5" value="1"/>
    </td>   
    </tr>
    </table> 

    <table border="1" >
    <tr>       
    <td bgcolor='GREY' style="WIDTH: 130px; HEIGHT: 15px">
    <label><Strong>Cedula</Strong></label>
    </td>

    <td bgcolor='GREY' style="WIDTH: 140px; HEIGHT: 15px">
    <label><Strong>Nombre</Strong></label>
    </td>

    <td bgcolor='GREY' style="WIDTH: 140px; HEIGHT: 15px">
    <label><Strong>Apellido</Strong></label> 
    </td>
    <td bgcolor='GREY' style="WIDTH: 150px; HEIGHT: 15px">
    <label><Strong>Aplicacion</Strong></label> 
    </td>
    <td bgcolor='GREY' style="WIDTH: 140px; HEIGHT: 15px" >
    <label><Strong>Sede</Strong></label>
    </td>

    <td bgcolor='GREY' style="WIDTH: 140px; HEIGHT: 15px">
    <label><Strong>Area</Strong></label>
    </td>

      <td bgcolor='GREY' style="WIDTH: 150px; HEIGHT: 15px" >
    <label><Strong>Estado Aplicacion</Strong></label>
    </td>
       <td bgcolor='GREY' style="WIDTH: 250px; HEIGHT: 15px" >
    <label><Strong>Observacion</Strong></label>
    </td>
    </tr>
    <tbody id="con5">
    </tbody>
    </form>
    </table>
   </tr>
</table>
  </section>
</div>
  <script type="text/javascript" src="js/jquery.min.js"></script>
  <script type="text/javascript" src="js/jquery.easing-sooper.js"></script>
  <script type="text/javascript" src="js/jquery.sooperfish.js"></script>
  <script type="text/javascript" src="js/image_fade.js"></script>
  <script type="text/javascript">
    $(document).ready(function() {
      $('ul.sf-menu').sooperfish();
    });
  </script>
</body>
</html>