@extends('fragments.public.publicFullTemplate')
@section('titulo')
    Recuperar contraseña
@endsection
@section('contenido')
<div class="text-center mt-5 pt-5">
    <img src="{{url('assets/images/logo-seatsa.png')}}" width="150" height="80" >
</div>
<div class="d-flex justify-content-center align-items-center container-fluid pt-4">
  <div hidden id="consulta_correo" class="alert alert-primary text-center col-lg-4">
    <strong>Consultado la información...</strong>
</div>
  <div hidden id="acceso_incorrecto_correo" class="alert alert-danger text-center col-lg-4">
      <strong>Correo electrónico incorrecto</strong><br>
      <strong>Lo sentimos. No hemos podido identificar tu cuenta mediante la información facilitada.</strong>
  </div>
</div>
<div class="d-flex justify-content-center align-items-center container-fluid">
  <div id="form_correo_recuperar_contrasena"  class="row">
      
      <div class="card text-center">
          <div class="card-header">
              <strong>Recuperar contraseña</strong>
          </div>
          <div class="card-body">
            <div class="form-row justify-content-center">
              <div class="form-group">
                  <p>Escribe la dirección de correo electrónico asociada a tus datos de contacto de SEATSA.</p>
              </div>
            </div>
              <form method="POST" role="form" enctype="multipart/form-data">
                  {{csrf_field()}}
                  
                  <div class="form-row">
                      <div class="form-group col-md-12 text-left">
                          <label class="font-weight-bold" for="correo">Correo electrónico</label>
                          <input type="text" class="form-control" id="correo" name="correo" required>
                      </div>
                  </div>
                  <div class="form-row justify-content-center">
                      <div class="form-group">
                          {{--<button type="submit" class="btn btn-primary">Iniciar sesión</button>--}}
                          <a type="submit" {{--href="{{url('portal_de_clientes/cliente/informes')}}"--}} class="text-white btn btn-primary continuar_recuperar_contrasena_portal"> Continuar <i class="arrow right icon"></i></a>
                      </div>
                  </div>
              </form>
          </div>
      </div>
  </div>
</div>
<div class="d-flex justify-content-center align-items-center container-fluid">
  <div hidden id="form_correo_recuperar_contrasena_success"  class="row">
      
      <div class="card text-center">
          <div class="card-header">
              <strong>Recuperar contraseña</strong>
          </div>
          <div class="card-body">
            <div class="form-row justify-content-center">
              <div class="form-group">
                  
                  <p>Te hemos enviado un correo electrónico a la cuenta que nos proporcionaste en donde podrás recuperar tus datos de acceso</p>
                  <i style="font-size: 100px" class="green check circle icon large"></i>
                  
                  
              </div>
              
            </div>
            <div class="row text-center mt-3">
              <div class="col-md-12">
                <a href="{{url('portal_de_clientes')}}" class="button gray ui"><i class="home icon"></i> Regresar a la pantalla principal</a>
              </div>
            </div>
          </div>
      </div>
  </div>
</div>
<br><br>
<footer>
    <div class="fixed-bottom">
        <div class="text-center">
            <p>SEATSA &#174; | <a href="https://www.seatsa.com.mx">www.seatsa.com.mx</a> | Todos los derechos reservados.</p>
        </div>
    </div>
</footer>

<script>
  //$('#acceso_correcto').hide();
  //$('#acceso_incorrecto').hide();

  $(document).ready(function(){
      
      $('a.continuar_recuperar_contrasena_portal').on('click', function(){
          $('#consulta_correo').removeAttr('hidden');
          $('#acceso_incorrecto_correo').attr('hidden','');

          correo = $('#correo').val();
          $.ajax({
              url:"{{url('recuperar_contrasena_portal_cliente')}}",
              method:"POST",
              data:{'correo': correo, '_token': _token = $('input[name="_token"]').val()},
              success:function(response){
                  result = JSON.parse(response); 
                  resultData = result.data;
                  console.log(resultData);
                  //alert(resultData['estatus']);
                  if (resultData['estatus'] == 0) {
                      $('#consulta_correo').attr('hidden','');
                      $('#acceso_incorrecto_correo').removeAttr('hidden');
                  }else{
                      $('#acceso_incorrecto_correo').attr('hidden','');
                      $('#consulta_correo').attr('hidden','');

                      $('#form_correo_recuperar_contrasena').attr('hidden','');
                      $('#form_correo_recuperar_contrasena_success').removeAttr('hidden');

                      
                     
                      //location.href="portal_de_clientes/cliente/informes";
                  } 
              }
          });
      });
  });
</script>
@endsection