<?php 
session_start();
if($_SESSION){
    session_destroy();
}
?>
<!DOCTYPE html>

<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <link rel="shortcut icon" type="image/x-icon" href="/farmmedi/favicon.png">
        <title>FARMMEDI</title>
        <!-- Tell the browser to be responsive to screen width -->
        <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
        
        <?php
        require 'menu/css_lte.ctp';
        ?>
        <style>
            body, html {
               background: url(/farmmedi/img/fondo.webp) no-repeat center center fixed; 
              -webkit-background-size: cover;
              -moz-background-size: cover;
              -o-background-size: cover;
              background-size: cover;
            } 
            .login{
                max-width: 250px;
                padding: 15px;
                margin: 0 auto;
            }
            #sha{
                max-width: 340px;
                -webkit-box-shadow: 0px 0px 18px 0px rgba(48,50,50,0.48);
                -moz-box-shadow: 0px 0px 18px 0px rgba(48,50,50,0.48);
                box-shadow: 0px 0px 18px 10px rgba(4,70,80,0.60);
                border-radius: 10%;
            }
            #avatar{
                width: 95px;
                height: 95px;
                margin: 0px auto 10px;
                display: block;
                border-radius: 50%;
            }
        </style>
        
    </head>
    <body>
        <div class="login-box">
            <div class="login-logo" style="background-color:#7e94a245;padding:0.3em;color:#fff;">                
                <span class="logo-lg" style="margin-top: -0.2em;"><img src="/farmmedi/img/inicio.png" width="70%"></span>
            </div><!-- /.login-logo -->            
            <div class="login-box-body">
                <form action="acceso.php" method="post" id="login">
                    <div class="form-group has-feedback">
                        <input type="text" class="form-control" placeholder="Ingrese su usuario" name="usuario" autofocus="">
                        <span class="glyphicon glyphicon-user form-control-feedback"></span>
                    </div>
                    <div class="form-group has-feedback">
                        <input type="password" class="form-control" placeholder="Contraseña" name="clave">
                        <span class="glyphicon glyphicon-lock form-control-feedback"></span>
                    </div>
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-xs-12">
                            <button class="btn btn-primary pull-right"  data-callback='onSubmit' data-action='submit'>Ingresar</button>
                        </div> 
                    </div>
                    <a href="/farmmedi/forgotpassword">Olvid&eacute; mi contrase&ntilde;a</a>
                <?php
                if(!empty($_SESSION['error'])){?>
                <div class="alert alert-danger" role="alert">
                    <span class="glyphicon glyphicon-info-sign"></span>
                    <?php echo $_SESSION['error'];?>
                </div>
                <?php } ?>                    
                </form>                
            </div><!-- /.login-box-body -->
        </div><!-- /.login-box -->
            <!-- jQuery 2.1.4 -->
        <script src="/farmmedi/librerias/plugins/jQuery/jQuery-2.1.4.min.js"></script>
        <!-- Bootstrap 3.3.5 -->
        <script src="/farmmedi/librerias/js/bootstrap.min.js"></script>
        <!-- iCheck -->
        <script src="/farmmedi/librerias/plugins/iCheck/icheck.min.js"></script>
    </body>
</html>
