       <!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","consultacpu.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;
            var ajax1=new XMLHttpRequest();
            ajax1.onreadystatechange=function(){
                if(ajax1.readyState==4 && ajax1.status==200){
                    document.getElementById("con1").innerHTML=ajax1.responseText;
                }
            }
            ajax1.open("GET","consultacpuporpartes.php?var1="+d,true);
            ajax1.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" style="height: auto;">
    <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>
       <br>
        <font size=5 color=grey><label><strong>INGRESAR CPU</strong></label></font>
        <br>
        <form  action="cpu.php" method="POST">
      <table class="table table-condensed">
     <thead align="left">
         <tr>
        <td>
          <br>
         <input required type="text" name="Serialcpu" placeholder="Serial" required>
        </td>
         <td>
          <br>
          <input required type="text" name="IP" placeholder="IP" required>
        </td>
          <td>
            <br>
            <input required type="text" name="NombreEquipo" placeholder="Nombre Equipo" required>
          </td>
        </tr>
        <tr>
          <td><strong>Sistema Operativo</strong></td>
          <td><strong>Marca de la CPU</strong></td>
          <td><strong>Procesador</strong></td>
        </tr>
        <tr> 
          <td>
          <select style="WIDTH: 173px; HEIGHT: 19px" name="SistemaOperativo" required>
              <option selected value="">-------</option>
              <option value="1">XP</option>
              <option value="2">WINDOWS 7</option>
              <option value="3">WINDOWS 8</option>
              <option value="4">WINDOWS 8.1</option>
              <option value="5">WINDOWS 10</option>
            </select>
        </td>
          <td>
           <select style="WIDTH: 173px; HEIGHT: 19px" name="marcacpu" required>
              <option selected value="">-------</option>
              <option value="1">JANUS</option>
              <option value="2">HP</option>
              <option value="3">ARGON</option>
              <option value="4">EASY</option>
            </select>
        </td>
        <td>
          <select style="WIDTH: 173px; HEIGHT: 19px" name="procesador" required>
             <option selected value="">-------</option>
              <option value="1">INTEL DUAL CORE</option>
              <option value="2">INTEL CORE3</option>
              <option value="3">INTEL CORE5</option>
              <option value="4">INTEL CORE7</option>
              <option value="5">QUAD CORE</option>
            </select>
            </td>
        </tr>
         <tr>
          <td><strong>Disco Duro</strong></td>
          <td><strong>Memoria</strong></td>
          <td><strong>Estado de la CPU</strong></td>
        </tr>
        <tr>
          <td>
          <select style="WIDTH: 173px; HEIGHT: 19px" name="discoduro" required>
          <option selected value="">-------</option>
              <option value="1">40 GB</option>
              <option value="2">70 GB</option>
              <option value="3">100 GB</option>
              <option value="4">150 GB</option>
              <option value="5">200 GB</option>
              <option value="6">250 GB</option>
              <option value="7">300 GB</option>
              <option value="8">350 GB</option>
              <option value="9">400 GB</option>
              <option value="10">450 GB</option>
              <option value="11">500 GB</option>
              <option value="12">550 GB</option>
              <option value="13">600 GB</option>
              <option value="14">650 GB</option>
              <option value="15">700 GB</option>
              <option value="16">750 GB</option>
              <option value="17">800 GB</option>
              <option value="18">950 GB</option>
              <option value="19">1 TB</option>
            </select>
        </td>
          <td>
          <select style="WIDTH: 173px; HEIGHT: 19px" name="memoria" required>
          <option selected value="">-------</option>
             <option value="1">512 MG</option>
              <option value="2">1 GB</option>
              <option value="3">2 GB</option>
              <option value="4">3 GB</option>
              <option value="5">4 GB</option>
              <option value="6">5 GB</option>
              <option value="7">6 GB</option>
              <option value="8">7 GB</option>
              <option value="9">8 GB</option>
              <option value="10">9 GB</option>
              <option value="11">10 GB</option>
              <option value="12">11 GB</option>
              <option value="13">12 GB</option>
              <option value="14">13 GB</option>
              <option value="15">14 GB</option>
              <option value="16">15 GB</option>
              <option value="17">16 GB</option>
            </select>
        </td>
           <td>
          <select style="WIDTH: 173px; HEIGHT: 19px" name="estadocpu" required>
              <option selected value="">-------</option>
              <option value="1">Produccion</option>
              <option value="2">Disponible</option>
              <option value="3">Destruido</option>
               <option value="4">Reparacion</option>
            </select>
        </td>
        </tr>
    </table> 
     <table>
    <tr>
         <td>
          <button style="color: #FF0000" type="submit" value="Guardar">Ingresar</button>
          </td>
        </tr>
      </form>
      </table>
       </div>
        <div>
     <table>
     <tr>
        <font size=5 color=grey ><label align="left"><strong>Consultar CPU</strong></label></font>
        <br>
      </tr>
    <tr>
    <td>   
    <input  type="text" name="auto" id="buscar"  placeholder="Serial" > 
    <input style="color: #FF0000" type="button" name="buscar" value="Buscar" onclick="ajax()"/>
    <input type="hidden" id="numero" value="1"/>
    </td>   
    </tr>
    </table> 
    <br> 
     <div class="borderidge">
     <form action="consultacpu.php" method="POST"> 
    <table class='table table-condensed' border="1">
    <thead align='left'></thead>
    <tr>       
    <td bgcolor='GREY' style="WIDTH: 110px; HEIGHT: 15px">
    <label><Strong>Serial CPU</Strong></label>
    </td>

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

    <td bgcolor='GREY' style="WIDTH: 115px; HEIGHT: 15px">
    <label><Strong>Memoria</Strong></label>
    </td>
    
    <td bgcolor='GREY' style="WIDTH: 130px; HEIGHT: 15px">
    <label><Strong>Procesador</Strong></label> 
    </td>
    
    <td bgcolor='GREY' style="WIDTH: 150px; HEIGHT: 15px">
    <label><Strong>Sistema operativo</Strong></label>
    </td>
    
    <td bgcolor='GREY' style="WIDTH: 130px; HEIGHT: 15px">
    <label><Strong>Disco Duro</Strong></label>
    </td>
   
    <td bgcolor='GREY' style="WIDTH: 140px; HEIGHT: 15px">
    <label><Strong>Nombre Equipo</Strong></label> 
    </td>
    
    <td bgcolor='GREY' style="WIDTH: 110px; HEIGHT: 15px">
    <label><Strong>IP</Strong></label>
    </td>


    <td bgcolor='GREY' style="WIDTH: 115px; HEIGHT: 15px">
    <label><Strong>Estado CPU</Strong></label>
    </td>
    
    <td bgcolor='GREY' style="WIDTH: 115px; HEIGHT: 15px">
    <label><Strong>Fecha Ingreso</Strong></label> 
    </td>

    </tr>
    <tbody id="con">
    </tbody>
    </table>

    </form>
    </div>
    <br>
        <font size=5 color=grey><label><strong>Actualizar CPU</strong></label></font>
        <br>
        <form  action="actualizarcpu.php" method="POST">
      <table class="table table-condensed">
     <thead align="left">
         <tr>
        <td>
          <br>
         <input type="text" name="Serialcpu" placeholder="Serial">
        </td>
         <td>
          <br>
          <input type="text" name="IP" placeholder="IP">
        </td>
          <td>
            <br>
            <input type="text" name="NombreEquipo" placeholder="Nombre Equipo">
          </td>
        </tr>
        <tr>
          <td><strong>Sistema Operativo</strong></td>
          <td><strong>marca CPU</strong></td>
          <td><strong>procesador</strong></td>
        </tr>
        <tr> 
          <td>
          <select style="WIDTH: 173px; HEIGHT: 19px" name="SistemaOperativo">
             <option>-----</option>
              <option value="1">XP</option>
              <option value="2">WINDOWS 7</option>
              <option value="3">WINDOWS 8</option>
              <option value="4">WINDOWS 8.1</option>
              <option value="5">WINDOWS 10</option>
            </select>
        </td>
          <td>
           <select style="WIDTH: 173px; HEIGHT: 19px" name="marcacpu">
              <option>-----</option>
              <option value="1">JANUS</option>
              <option value="2">HP</option>
              <option value="3">ARGON</option>
              <option value="4">EASY</option>
            </select>
        </td>
        <td>
          <select style="WIDTH: 173px; HEIGHT: 19px" name="procesador">
             <option>-----</option>
              <option value="1">INTEL DUAL CORE</option>
              <option value="2">INTEL CORE3</option>
              <option value="3">INTEL CORE5</option>
              <option value="4">INTEL CORE7</option>
              <option value="5">QUAD CORE</option>
            </select>
            </td>
        </tr>
        <tr>
          <td><strong>Disco Duro</strong></td>
          <td><strong>Memoria</strong></td>
          <td><strong>Estado CPU</strong></td>
        </tr>
        <tr>
           <td>
          <select style="WIDTH: 173px; HEIGHT: 19px" name="discoduro"> 
             <option>-----</option>
              <option value="1">40 GB</option>
              <option value="2">70 GB</option>
              <option value="3">100 GB</option>
              <option value="4">150 GB</option>
              <option value="5">200 GB</option>
              <option value="6">250 GB</option>
              <option value="7">300 GB</option>
              <option value="8">350 GB</option>
              <option value="9">400 GB</option>
              <option value="10">450 GB</option>
              <option value="11">500 GB</option>
              <option value="12">550 GB</option>
              <option value="13">600 GB</option>
              <option value="14">650 GB</option>
              <option value="15">700 GB</option>
              <option value="16">750 GB</option>
              <option value="17">800 GB</option>
              <option value="18">950 GB</option>
              <option value="19">1 TB</option>
            </select>
        </td>
          <td>
          <select style="WIDTH: 173px; HEIGHT: 19px" name="memoria">
             <option>-----</option>
             <option value="1">512 MG</option>
              <option value="2">1 GB</option>
              <option value="3">2 GB</option>
              <option value="4">3 GB</option>
              <option value="5">4 GB</option>
              <option value="6">5 GB</option>
              <option value="7">6 GB</option>
              <option value="8">7 GB</option>
              <option value="9">8 GB</option>
              <option value="10">9 GB</option>
              <option value="11">10 GB</option>
              <option value="12">11 GB</option>
              <option value="13">12 GB</option>
              <option value="14">13 GB</option>
              <option value="15">14 GB</option>
              <option value="16">15 GB</option>
              <option value="17">16 GB</option>
            </select>
        </td>
           <td>
          <select style="WIDTH: 173px; HEIGHT: 19px" name="estadocpu">
              <option selected value="">-------</option>
              <option value="1">Produccion</option>
              <option value="2">Disponible</option>
              <option value="3">Destruido</option>
               <option value="4">Reparacion</option>
            </select>
        </td>
        </tr>
    </table> 
     <table>
     <tr>
     <br>
      <textarea name="obsevarcion" rows="4" cols="75"  placeholder="Observacion" required></textarea>
      </tr>
        <tr>
        <br>
         <td>
          <button style="color: #FF0000" type="submit" value="Ingresar">Actualizar</button>
          </td>
        </tr>
      </form>
    </table>
   </div>


   <table>
     <tr>
        <font size=5 color=grey ><label align="left"><strong>CPU Ingresados</strong></label></font>
        <br>
        <font size=3 color=grey ><label align="left"><strong>Consultar:Sistema Operativo-Estado CPU-Usuario </strong></label></font>
      </tr>
    </table> 
 <tr> 
  <td>   
    <input  type="text" name="auto1" id="buscar1"  placeholder="-----------" > 
    <input style="color: #FF0000" type="button" name="buscar1" value="Buscar" onclick="ajax1()"/>
    <input type="hidden" id="numero1" value="1"/>
    </td>   
    </tr>
    </table> 
     <div class="borderidge" style="width: 1135px">
     <form action="consultacpuporpartes.php" method="POST"> 
    <table class='table table-condensed' border="1">
    <thead align='left'></thead>
    <tr>       
    <td bgcolor='GREY' style="WIDTH: 110px; HEIGHT: 15px">
    <label><Strong>Serial</Strong></label>
    </td>
    
    <td bgcolor='GREY' style="WIDTH: 100px; HEIGHT: 15px">
    <label><Strong>Ip</Strong></label>
    </td>
   
    <td bgcolor='GREY' style="WIDTH: 110px; HEIGHT: 15px">
    <label><Strong>Estado CPU</Strong></label> 
    </td>
    
    <td bgcolor='GREY' style="WIDTH: 120px; HEIGHT: 15px">
    <label><Strong>Marca CPU</Strong></label>
    </td>
    
    <td bgcolor='GREY' style="WIDTH: 100px; HEIGHT: 15px">
    <label><Strong>Memoria</Strong></label>
    </td>
    
    <td bgcolor='GREY' style="WIDTH: 110px; HEIGHT: 15px">
    <label><Strong>Procesador</Strong></label> 
    </td>
    
    <td bgcolor='GREY' style="WIDTH: 140px; HEIGHT: 15px">
    <label><Strong>Sistema Operativo</Strong></label>
    </td>

    <td bgcolor='GREY' style="WIDTH: 120px; HEIGHT: 15px">
    <label><Strong>Disco Duro</Strong></label>
    </td>
    
    <td bgcolor='GREY' style="WIDTH: 115px; HEIGHT: 15px">
    <label><Strong>Usuario Equipo</Strong></label> 
    </td>

     <td bgcolor='GREY' style="WIDTH: 115px; HEIGHT: 15px">
    <label><Strong>Fecha Ingreso</Strong></label> 
    </td>
    </tr>
    <tbody id="con1">
    </tbody>
    </table>
    </form>
    </div>


 </section>
</div>
<div><table><tr></tr></table></div>
<table><tr><br></tr></table>
  <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>