<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Iniciar Sesión</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="<?php echo URL::to('bootstrap/css/bootstrap.min.css'); ?>" rel="stylesheet" media="screen">
    <link href="<?php echo URL::to('css/font-awesome-4.0.3/css/font-awesome.min.css'); ?>" rel="stylesheet" media="screen">
    <link href="<?php echo URL::to('css/login.css'); ?>" rel="stylesheet" media="screen">
    <link rel="shortcut icon" href="<?php echo URL::to('img/favicon.ico'); ?>">
</head>
<body>
    <div class="container">
    <h1 style="text-align:center;color:#FFF; margin:0.5em; text-shadow:1px 1px 3px #555;"><i class="fa fa-bolt "></i> Alumnos</h1>
    <form class="form-signin" method="post">
        <h2 class="form-signin-heading" style="text-align:center;"><img src="<?php echo URL::to('img/logo.png'); ?>" height="100;"></h2>
        <?php if($error): ?>
        <div class="alert alert-danger"><i class="fa fa-ban"></i> <?php echo $error; ?></div>
        <?php endif; ?>
        <?php if($info): ?>
        <div class="alert alert-info"><i class="fa fa-envelope"></i> <?php echo $info; ?></div>
        <?php endif; ?>
        <input type="text" name="usuario" class="form-control" placeholder="Usuario" autofocus value="<?php if(isset($usuario)): ?><?php echo $usuario; ?><?php endif; ?>">
        <input type="password"  name="password" class="form-control" placeholder="Contraseña">
        <!--<label class="checkbox"><input type="checkbox" value="remember-me"> Remember me</label>-->

        <button class="btn btn-lg btn-danger btn-block" type="submit">Entrar</button>
    </form>

    <div class="modal fade login-forgotpass-modal-sm" tabindex="-1" role="dialog" aria-labelledby="loginModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <form class="form" role="form" method="post">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="loginModalLabel">Olvidé mi contraseña</h4>
                </div>
                <div class="modal-body">

                        <p class="help-block">Por favor proporcione su nombre de usuario o dirección de correo. Se le enviará un correo electrónico con los pasos a seguir para recuperar su contraseña.</p>
                        <div class="input-group">
                            <input type="text" name="username" class="form-control" placeholder="Usuario" >
                            <span class="input-group-addon">ó</span>
                            <input type="email" name="email" class="form-control" placeholder="Email">
                        </div>

                </div>
                <div class="modal-footer">
                    <button type="submit" onclick="" class="btn btn-primary">
                        Recuperar Contraseña
                    </button>
                </div>
                </form>
            </div>

        </div>
    </div>

    </div>
    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/jquery-1.10.2.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
</body>
</html>
