       <!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","consultapantalla.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","consultapantallaporpartes.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">
    <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 PANTALLA</strong></label></font>
        <br>
        <form  action="pantalla.php" method="POST">
      <table class="table table-condensed">
     <thead align="left">
     <tr>
     <br>
       <td><strong> Marca Pantalla</strong></td>
       <td></td>
       <td><strong>Estado Pantalla</strong></td>
     </tr>
         <tr>
          <td>
          <select style="WIDTH: 173px; HEIGHT: 19px" name="marcapantalla" required>
              <option selected value="" required>----------</option>
              <option value="1">LG</option>
              <option value="2">SAMSUNG</option>
              <option value="3">HP</option>
            </select>
        </td>
        <td>
         <input type="text" name="serialpantalla" placeholder="Serial Pantalla" required>
       </td>
        <td>
          <select style="WIDTH: 173px; HEIGHT: 19px" name="estadopantalla" 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>
     </table> 
     <table>
       <tr>
       <br>
        <td>
          <button style="color: #FF0000" type="submit" value="Guardar">Ingresar</button>
          </td>
        </tr>
      </form>
        </table>
         </div>
         <form action="consultapantalla.php" method="POST"> 
     <table>
        <font size=5 color=grey ><label align="left"><strong>Consultar Pantalla</strong></label></font>
    <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" style="width: 570px">  
    <table class='table table-condensed' border="1">
    <thead align='left'></thead>
    <tr>  
     <td bgcolor='GREY' style="WIDTH: 140px; HEIGHT: 15px">
    <label><Strong>Serial Pantalla</Strong></label>
    </td>

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

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

     <td bgcolor='GREY' style="WIDTH: 170px; HEIGHT: 15px">
    <label><Strong>Quien Ingreso</Strong></label> 
    </td>
    </tr>
    <tbody id="con">
    </tbody>
    </table>
    </form>
    </div>
    <br>
  <font size=5 color=grey><label><strong> Actualizar Pantalla</strong></label></font>
  <br>
     <form  action="actualizarpantalla.php" method="POST">
        <table class="table table-condensed">
        <thead align="left">
         <td> <br></td>
          <td> <br><strong>Marca de la pantalla</strong></td>
          <td> <br><strong>Estado de la pantalla</strong></td>
        </tr>
        <tr>
        <td>
         <input type="text" name="serialpantalla" placeholder="Serial Pantalla">
         <td>
         <select style="WIDTH: 173px; HEIGHT: 19px" name="marcapantalla">
         <option>-----</option>
              <option value="1">LG</option>
              <option value="2">SAMSUNG</option>
              <option value="3">HP</option>
            </select>
        </td>
         <td>
         <select style="WIDTH: 173px; HEIGHT: 19px" name="estadopantalla">
       <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>Pantallas Ingresadas</strong></label></font>
        <br>
        <font size=3 color=grey ><label align="left"><strong>Consultar:Estado Pantalla</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: 600px">
     <form action="consultapantallaporpartes.php" method="POST"> 
    <table class='table table-condensed' border="1">
    <thead align='left'></thead>
     <tr>       
   <td bgcolor='GREY' style='WIDTH: 110px; HEIGHT: 20px'>
     <label><Strong>Serial</Strong></label>
   </td>
     <td bgcolor='GREY' style='WIDTH: 170px; HEIGHT: 20px'>
     <label><Strong>Marca Pantalla</Strong></label>
   </td>
   <td bgcolor='GREY' style='WIDTH: 140px; HEIGHT: 20px'>
     <label><Strong>Estado Pantalla</Strong></label>
   </td>
   <td bgcolor='GREY' style='WIDTH: 170px; HEIGHT: 20px'>
     <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>