@extends('_layouts.web')

@section('content')
    <div class="main-content">

<script src="https://www.google.com/recaptcha/api.js" async defer></script>

<script>

 function validar_clave(contrasenna)
        {

            if(contrasenna.length >= 8)
            {       
                var mayuscula = false;
                var minuscula = false;
                var numero = false;
                var caracter_raro = false;
                
                for(var i = 0;i<contrasenna.length;i++)
                {
                    if(contrasenna.charCodeAt(i) >= 65 && contrasenna.charCodeAt(i) <= 90)
                    {
                        mayuscula = true;
                    }
                    else if(contrasenna.charCodeAt(i) >= 97 && contrasenna.charCodeAt(i) <= 122)
                    {
                        minuscula = true;
                    }
                    else if(contrasenna.charCodeAt(i) >= 48 && contrasenna.charCodeAt(i) <= 57)
                    {
                        numero = true;
                    }
                    else
                    {
                        caracter_raro = true;
                    }
                }
                if(mayuscula == true && minuscula == true && caracter_raro == true && numero == true)
                {
                    return true;
                }
            }
            return false;
        }


  function miFuncion() {
            var contrasenna=document.getElementById("codigo1").value;
            var contrasenna2=document.getElementById("codigo2").value;
            //alert(contrasenna);

    if(contrasenna==contrasenna2)
    {

        if(validar_clave(contrasenna))
        {
            var response = grecaptcha.getResponse();
            if(response.length == 0){
              alert("Captcha no verificado");
              return false;
            }else
            {
                return true;
            }
        }else
        {
            alert("La clave debe tener una longitud de 8 caracteres: por lo menos debe contener una letra mayúscula, una minúscula, un número y un carácter alfanumérico.");
            return false;       
        }
    }
    else
    {
        alert("La Clave y la confirmación no coinciden.");
        return false;       
    }
  }

</script>


        <form action="{{ URL::to('/')}}/restablecer/{{ $user->id }}/finalizar"
         method="post" id="register-form" onsubmit="return miFuncion()" >
            {{ csrf_field() }}
<input type="hidden" name="cod1" value="{{ $user->codigo_email }}">
<input type="hidden" name="cod2" value="{{ $user->codigo_msj }}">

        <h3>Restablecer Contraseña:</h3>
        <div class="spacer"></div>


        <h4>Correo Electrónico a Restablecer contraseña: {{ $user->email }} </h4>

<h2>Nueva Contraeña:
            <input type="password" name="codigo1" id="codigo1" value="{{ old('codigo1') }}" required></h2>

<h2>Repita Contraseña:
            <input type="password" name="codigo2"  id="codigo2" value="{{ old('codigo2') }}" required></h2>            


                <div >
                   <div class="g-recaptcha" 
                   data-sitekey="{{ env('CAPTCHA1') }}"></div>
                </div>

            <div class="spacer"></div>                
            <div class="spacer"></div>

            <input type="submit"  class="ui button black large" value="Restablecer">


        </form>



    </div>
@endsection