<!DOCTYPE html>
<html >
  <head>
    <meta charset="UTF-8">
    <title>COLTANQUES</title>
      <link rel="stylesheet" href="css/style2.css">
       <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>
   <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","consultapersonaactu.php?var1="+d,true);
            ajax1.send();   
        }
        </script>
  </head>
  <body>


<div class="container">
  <section id="content" style="height: 238px">
    <form action="consultapersonaactu.php" method="POST"> 
    <table>
     <tr>
         <br>
        <font size=5 color=black ><label align="left"><strong>Consultar Personal</strong></label></font>
        <br>
      </tr>
    <tr>
    <td>   
    <input  type="text" name="auto1" id="buscar1"  placeholder="Cedula" > 
    <input  type="button" name="buscar1" value="Buscar" onclick="ajax1()"/>
    <input type="hidden" id="numero1" value="1"/>
    </td>   
    </tr>
    </table> 
    <br> 
   
    <table class='table table-condensed'>
    <thead align='left'></thead>
    <tr>       
    <td style="WIDTH: 110px; HEIGHT: 15px">
    <label><Strong>Cedula</Strong></label>
    </td>
    <td style="WIDTH: 110px; HEIGHT: 15px">
    <label><Strong>Nombre</Strong></label>
    </td>
    <td style="WIDTH: 110px; HEIGHT: 15px">
    <label><Strong>Apellido</Strong></label> 
    </td>
    <td style="WIDTH: 120px; HEIGHT: 15px">
    <label><Strong>Celular</Strong></label>
    </td>
    <td style="WIDTH: 160px; HEIGHT: 15px">
    <label><Strong>E.Mail</Strong></label>
    </td>
    <td style="WIDTH: 150px; HEIGHT: 15px">
    <label><Strong>Sede</Strong></label> 
    </td>
    <td style="WIDTH: 150px; HEIGHT: 15px">
    <label><Strong>Area</Strong></label>
    </td>
    <td style="WIDTH: 125px; HEIGHT: 15px">
    <label><Strong>Estado Persona</Strong></label>
    </td>
    </tr>
    <tbody id="con1">
    </tbody>
    </table>
    </form>
     <form action="actualizarpersonal.php" method="POST"> 
     <table>
        <tr>
         <td>
         <br>
          <input type="text" name="Cedula" placeholder="Cedula" >
          </td>
          <td>
          <br>
           <input type="text" name="Email" placeholder="E.Mail">
          </td>
          <td>
          <br>
           <input type="text" name="Celular" placeholder="Celular">
          </td>
        </tr>
        <tr>
        <td>
        <br>
           <select style="WIDTH: 173px; HEIGHT: 19px" name="estado">
              <option selected>Estado de la Persona</option>
              <option value="1">Activo</option>
              <option value="2">Inactivo</option>
            </select>
          </td>
           <td>
           <br>
            <select style="WIDTH: 173px; HEIGHT: 19px" name="sede">
              <option selected>Sedes</option>
              <option value="1">Bogota</option>
              <option value="2">Barrancabermeja</option>
              <option value="3">Bucaramanga</option>
              <option value="4">Duitama</option>
              <option value="5">Barranquilla</option>
              <option value="6">Ronal Castro</option>
              <option value="7">Cali</option>
              <option value="8">Buenaventura</option>
              <option value="9">racevedo</option>
              <option value="10">Cucuta</option>
              <option value="11">Cartagena</option>
              <option value="12">Santa Marta</option>
              <option value="13">Villavicencio</option>
              <option value="14">Medellín</option>
              <option value="15">Buga</option>
              <option value="16">Manizales</option>
              <option value="17">Diaco Tocancipa</option>
              <option value="18">Medellín-Procter</option>
              <option value="19">BARRANCA DE UPÌA</option>
              <option value="20">Puerto Gaitan</option>
              <option value="21">Cedi Pereira</option>
              <option value="22">Cali-Colgate</option>
              <option value="23">Muña</option>
              <option value="24">CediMontevideocroosdocking</option>
              <option value="25">Cedimedellin</option>
              <option value="26">Cedibuenaventura</option>
              <option value="27">achroma</option>
              <option value="28">Basf Quimica</option>
              <option value="29">Indumil</option>
              <option value="30">Tactic</option>
              <option value="31">Casa Luker</option>
              <option value="32">CediCali</option>
            </select>
        </td>
        <td>
        <br>
            <select style="WIDTH: 173px; HEIGHT: 19px" name="area">
              <option selected value="0">Areas</option>
              <option value="1">Talento Humano</option>
              <option value="2">Financiero</option>
              <option value="3">Compras</option>
              <option value="4">Almacen</option>
              <option value="5">Tesoreria</option>
              <option value="6">Mantenimiento</option>
              <option value="7">Administracion</option>
              <option value="8">Seguridad</option>
              <option value="9">Comercial</option>
              <option value="10">Tecnologia</option>
              <option value="11">Mantenimiento</option>
              <option value="12">Contabilidad</option>
            </select>
        </td>
        </tr>
        </table>
      <div align="left">
      <tr>             
        <td>
          <br>
         <button type="submit" value="ingresar">Actualizar</button>
        </td>
      </tr>
      </table>
    </div>

  </section>
</div>
</body>
     <script src="js/index.js"></script>
  </body>
</html>
