@extends('layouts.login')

@section('content')

 <div class="row">
        <div class="col-md-3 col-md-offset-4">
     
                          @if(Session::has('success'))
                              <div class="alert alert-success">
                              <button type="button" class="close" data-dismiss="alert"> 
                              &times;</button>
                              {{Session::get('success')}}
                              </div>
                              @endif
                          </div>
</div>

<div class="login-box">
  <div class="login-box-body">

<FONT SIZE=5><center>Inicio de Sesión Aspirante</center></font>
  <br>

    <form class="form-horizontal" method="POST" action="{{ route('Aspirante.login.submit') }}">
    {{ csrf_field() }}

      <div class="form-group{{ $errors->has('email') ? ' has-error' : '' }} has-feedback" >
       <input id="email" type="email" class="form-control" name="email" value="{{ old('email') }}" required autofocus placeholder="Correo Electrónico">
        <span class="fa fa-envelope form-control-feedback"></span>
         @if ($errors->has('email'))
              <span class="help-block">
                <strong>{{ $errors->first('email') }}</strong>
            </span>
          @endif
        <label id="email-error" class="error" for="email" style="display:none;"></label>
      </div>

      <div class="form-group{{ $errors->has('password') ? ' has-error' : '' }} has-feedback">
       <input id="password" type="password" class="form-control" name="password" required placeholder="Contraseña">
        <span class="fa fa-key form-control-feedback"></span>
         @if ($errors->has('password'))
             <span class="help-block">
               <strong>{{ $errors->first('password') }}</strong>
             </span>
           @endif
        <label id="password-error" class="error" for="password" style="display:none;"></label>
      </div>

      <div class="flex-center position-ref full-height">

        <div class="row">

         <div class="row">
        <div class="flex-center position-ref full-height">
        <!-- /.col -->
        <div class="col-md-6">
          <button type="submit" class="btn btn-block btn-success Active info button btn-sm">Iniciar</button>
        </div>
        <div class="col-md-6">
          <a href="{{ url('Aspirante/register') }}" class="btn btn-block btn-primary Active info button btn-sm" > Registrar </a>
        </div>
      
        <!-- /.col  {{ route('Aspirante.password.request') }} -->
        <!-- title="PARA RECUPERACIÓN DE TU CONTRASEÑA ESCRIBE AL CORREO DEL INSTITUTO DE TU SELECCIÓN, PRECIONANDO ESTE LINK."> -->
      </div>
      </div>
         <div class="col-md-4 col-md-offset-2">
          
      <center>   <a class="btn btn-link col-md-offset-2" href="{{ route('Aspirante.password.request') }}" style="color:#1C300C;">
        <abbr> Olvidaste tu Contraseña?  </abbr>   
         </a></center> 
          </div>
        </div>

      </div>

        <!-- /.col -->
    </form>

  </div>
  <!-- /.login-box-body -->
</div>
<!-- /.login-box -->
@endsection

@section('scripts')
<script src="{{ URL::asset('assets/js/login.js') }}"></script>
<script src="{{asset('js/sweetalert.min.js')}}"></script>

<script>
  $(function () {
    $('input').iCheck({
      checkboxClass: 'icheckbox_square-blue',
      radioClass: 'iradio_square-blue',
      increaseArea: '20%' /* optional */
    });
  });
</script>
 @include('sweet::alert')
@endsection