@extends('auth.index')
@section('content')
            <div class="form-holder">
                <div class="form-content">
			            <div id="carga-reset-password">
                    <div class="form-items">
                        <h3>Recuperar Contraseña</h3>
                        <p>Recupere su contraseña ahora.</p>
                        <form id="form-reset-password">
                            <input class="form-control" type="text" id="email" placeholder="Correo Electrónico *">
                            
                            <div class="form-button">
                                <button id="submit" type="submit" class="ibtn">Enviar enlace</button> <a href="{{ url('/login') }}">{{ __('Iniciar Sesión') }}</a>
                            </div>
                        </form>
                    </div>
                </div>
                    <div class="form-sent">
                        <div class="tick-holder">
                            <div class="tick-icon"></div>
                        </div>
                        <h3>Enlace de contraseña enviado.</h3>
                        <p>Por favor revisa tu bandeja de entrada 
                          <a href="http://brandio.io/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="553c3a332738153c3a33273821303825393421307b3c3a"></a></p>
                        <div class="info-holder">
                            <span></span>¿No está seguro si esa dirección de correo electrónico era correcta?</span> <a href="#">Podemos ayudarte</a>.
                        </div>
                    </div>
              </div>
            </div>
@endsection
@section('scripts')
@parent
<script>
		$("#form-reset-password").submit(function(event) {
      $.ajax({
          headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          },
          url: raiz()+'/password/email',
          type: 'POST',
          data: {
              email: $('#email').val(),
          },
          beforeSend: function (data) {
             carga({
                  input:'#carga-reset-password',
                  color:'info',
                  mensaje:'Procesando información, Espere por favor...'
              }); 
          },
          success:function(respuesta)
          {       
              removecarga({input:'#carga-reset-password'});
              $('.form-items','.form-content').addClass('hide-it');
              $('.form-sent','.form-content').addClass('show-it');             
          },
          error:function(respuesta)
          {
              carga({
                  input:'#carga-reset-password',
                  color:'danger',
                  mensaje:formerror({dato:respuesta})
              }); 
          }
      });
       event.preventDefault();
   }); 
</script>
@endsection