<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>Gestión de albaranes de transporte</title>  <style type="text/css">
    .form-signin{
      max-width: 330px;
      padding: 15px;
      margin: 0 auto;
    }
  </style>        <link rel="icon" type="image/x-icon" href="/favicon.ico" />
        <link rel="stylesheet" href="/assets/bootstrap/dist/css/bootstrap.min.css">
        <link rel="stylesheet" href="/assets/custom/custom-style.css">
        <link rel="stylesheet" href="/assets/custom/responsive-style.css">
    </head>
    <body class="body-login">
        <div class="container">
      

      <form action="/login_check" method="post" class="form-signin">      
        <input type="hidden" name="_csrf_token" value="NobuM4Jeb1t7vjo0Wyw38uZDIszW6rowf7F8E-tsanA" />
        <h2 class="form-signin-heading">GESTIÓN DE ALBARANES DE TRANSPORTE</h2>

        <div class="form-group">
          <label for="inputEmail" class="sr-only">Email</label>
          <input type="text" id="username" class="form-control" name="_username" value="" placeholder="Usuario"  maxlength="256"/>
        </div>

        <div class="form-group">
          <label for="inputPassword" class="sr-only">Password</label>
          <input type="password" id="password" class="form-control" name="_password" placeholder="Contraseña" required="required"  maxlength="256"/>
        </div>

        <br>
        <a href="#" data-target="#pwdModal" data-toggle="modal">¿Has olvidado tu contraseña?</a>
        <br><br>
        <button class="btn btn-lg btn-primary btn-block" type="submit">Aceptar</button>
      </form>

     


      <!--modal-->
<div id="pwdModal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog">
  <div class="modal-content">
      <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
          <h1 class="text-center">Reiniciar contraseña</h1>
      </div>
      <div class="modal-body">
          <div class="col-md-12">
                <div class="panel panel-default">
                    <div class="panel-body">
                        <div class="text-center">
                          
                          <p>Si has olvidado tu contraseña puedes reiniciarla aquí.</p>
                            <div class="panel-body">
                                <fieldset>
                                    <form class="ForgotPass" action="/forgotpassword" method="post">
                                      <div class="form-group">
                                          <input class="form-control input-lg" placeholder="Email" name="_email" type="email"  maxlength="256">
                                      </div>
                                      <input class="btn btn-lg btn-primary btn-block btn-rescuePass" value="Reiniciar mi contraseña" type="submit">
                                    </form>
                                </fieldset>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
      </div>
      <div class="modal-footer">
          <div class="col-md-12">
          <button class="btn" data-dismiss="modal" aria-hidden="true">Cancelar</button>
      </div>  
      </div>
  </div>
  </div>
</div>        </div>

        
        <script src="/assets/jquery/dist/jquery.min.js"></script>
        <script src="/assets/bootstrap/dist/js/bootstrap.min.js"></script>
  <script type="text/javascript">


      // $('.form-signin input').attr("oninvalid", "this.setCustomValidity('El formato del email no es correcto')");

      // $('.ForgotPass input').attr("oninvalid", "this.setCustomValidity('El formato del email no es correcto')");

      $('.form-signin').submit(function(){

        if($('#username').val() == ''){
          alert('Atención. Hay campos vacios');
          $('#username').parent().addClass('has-error').fadeOut('fast').fadeIn('fast');
          return false;
        }

        if($('#username').val().indexOf("@") == -1){
          alert('El formato del email no es correcto');
          $('#username').parent().addClass('has-error').fadeOut('fast').fadeIn('fast');
          return false;
        }
        
        $('input').parent().removeClass('has-error');


        if( $('#password').val() == '' ){
          $('#password').parent().addClass('has-error');
        }
      });


      $('.ForgotPass').submit(function(e){
        if($('.ForgotPass input').val() == ''){
          alert('Atención. Hay campos vacios');
          return false;
          e.stopPropagation();
        }
      });
  </script>
    </body>
</html>
