<!DOCTYPE html>
<html>
<head>
  <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<title>Inicio sesi�n - SISHUILA</title>
<link rel="stylesheet" type="text/css" href="../assets/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="../assets/css/eyt-style.css">
</head>

<body>
  <div id="login-form">
    <div><h3><img src="../assets/img/logo-go.png"> Iniciar sesi�n</h3></div>
    <fieldset>
      <form id="form" action="aut_verifica.inc.php" method="post">
        <!--mensaje si hay error de autenticacion-->
                <!--cierra error de autenticacion-->
        <input type="text" id="user" name="user" required  placeholder="Usuario" > <!-- JS because of IE support; better: placeholder="Email" -->
        <input type="password" id="pass" name="pass" required  placeholder="Contrase�a"> <!-- JS because of IE support; better: placeholder="Password" -->
        <input type="submit" value="Iniciar" onclick="validar_datos()">
        <footer class="clearfix">
          <p><span class="info">?</span><a href="#">�Olvido su contrase�a?</a></p>
        </footer>
      </form>
    </fieldset>
  </div> <!-- end login-form -->
  <div id="post">
    <div id="second">
    <p class="text-info">
      <small>
        <em>Bienvenidos al sistema de informaci�n de la</em><br> 
        <strong>Secretaria de Salud del Huila</strong>
      </small>
    </p>
  </div>
  </div>
<!--jquery-->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="../assets/js/bootstrap.min.js"></script>
<script>
function validar_datos(){
  var cont=0;
  if(document.getElementById('user').value==""){
    alert("El campo Usuario no puede ser vacio.");
    form.login.focus();
    cont++;
  }
  if(document.getElementById('pass').value==""){
    alert("El campo Contrase�a no puede ser vacio.");
    form.password.focus();
    cont++;
  }
  if(cont==0){
    document.getElementById('form').submit(); 
    document.getElementById('user').value="";
    document.getElementById('pass').value=""; 
  }
}
</script>
</body>
</html>
