@extends('layouts.loginRegister')

@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" id="passwordForm" action="{{ route('Aspirante.registrar') }}">
         {{ csrf_field() }}

        <div class="form-group{{ $errors->has('name') ? ' has-error' : '' }} has-feedback"> 
        <input id="name" type="text" class="form-control" name="name" placeholder="Nombre" pattern="^[A-Za-z]+$" maxlength="35" title="Debes imgresar solo letras" value="{{ old('name') }}" required autofocus>
        <span class="fa fa-address-card form-control-feedback"></span>


                 @if ($errors->has('name'))
                    <span class="help-block">
                   <strong>{{ $errors->first('name') }}</strong>
                </span>
               @endif
           
          </div>    


        <div class="form-group{{ $errors->has('email') ? ' has-error' : '' }} has-feedback">
        <input id="email" type="email" class="col-md-4 form-control" name="email" placeholder="Correo Electronico" pattern=".+@gmail.com"
          title="Por favor, solo proporciona una dirección de correo preferiblemente @Gmail" value="{{ old('email') }}" required>
        <span class="fa fa-credit-card-alt form-control-feedback"></span>

            @if ($errors->has('email'))
                <span class="help-block">
                 <strong>{{ $errors->first('email') }}</strong>
                 </span>
              @endif
      </div>
      
       <div class="form-group{{ $errors->has('email') ? ' has-error' : '' }} has-feedback">
        <input id="email_confirma" type="email" class="col-md-4 form-control" name="email_confirmation" placeholder="Confirmar Correo Electronico" pattern=".+@gmail.com"
          title="Por favor, solo proporciona una dirección de correo preferiblemente @Gmail" value="{{ old('email') }}" required>
         <span class="fa fa-credit-card-alt form-control-feedback"></span>

            @if ($errors->has('email'))
                <span class="help-block">
                 <strong>{{ $errors->first('email') }}</strong>
                 </span>
              @endif
      </div>

      <div class="form-group{{ $errors->has('cedula') ? ' has-error' : '' }} has-feedback">
                 <input  id="cedula" type="text" name="cedula" class="form-control" placeholder="Cedula" required>
                 <span class="fa fa-id-badge form-control-feedback"></span>
            @if ($errors->has('cedula'))
                 <span class="help-block">
                 <strong>{{ $errors->first('cedula') }}</strong>
                  </span>
                 @endif
            </div>


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

                <div class="form-group">
                     <input id="password-confirm" type="password" class="form-control" name="password_confirmation" placeholder="Confirmar Contraseña" required>
                        
            </div>

 <div class="row">
        <div class="flex-center position-ref full-height">
        <!-- /.col -->
        <div class="col-xs-6">
          <button type="submit" class="btn btn-block btn-primary btn-sm" value="boton">Guardar</button>
        </div>
        <div class="col-xs-6">
          <a href="{{route('Aspirante.login')}}" class="btn btn-block btn-danger btn-sm" > Cancelar </a>
        </div>
        <!-- /.col -->
      </div>
      </div>

      



    </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