<?php $__env->startSection('content'); ?>
    <div class="container">
            <div id="logarCpf" class="identificacao" style="margin:0 auto;margin-top: 80px;width: 500px;margin-bottom: 80px;">

                <div style="margin-bottom: 15px; font-size: 12px; color: #676767">
                    <a href="/login">
                        <i class="fa fa-arrow-left"></i>
                        Voltar para o login
                    </a>
                </div>
                <div class="etapa">
                    <div class="circle-icon">
                        <i class="fa fa-key"></i>
                    </div>
                    <h2 class="etapa__title">Logar sem senha</h2>
                </div>
                <p style="font-weight: 500;line-height: 18px;">Por favor, insira seu CPF (somente números) ou <br> e-mail cadastrado que enviaremos um código <br> por e-mail para você fazer Login</p>

                <?php echo e(csrf_field()); ?>


                <div>

                    <div class="col-md-12">
                        <input id="cpf-codigo" placeholder="Insira seu CPF ou E-mail" type="text" class="default-input" name="cpf">
                    </div>
                </div>
                <div class="col-md-12">
                    <button id="enviarCodigo" type="button" class="btn-blue" style="cursor: pointer">
                        <i  class="fa fa-btn fa-envelope"></i> Enviar código por e-mail
                    </button>
                </div>

                <div id="codigoExistenteBtn" style="text-align: center; margin-top: 15px; cursor: pointer">Já tenho um código</div>
            </div>

            <div id="informar-codigo" class="identificacao" style="margin:0 auto;margin-top: 80px;width: 500px;margin-bottom: 80px; display:none">
                <div class="etapa">
                    <div class="circle-icon">
                        <i class="fa fa-key"></i>
                    </div>
                    <h2 class="etapa__title">Informe o código</h2>
                </div>
                <p style="font-weight: 500;line-height: 18px;">Informe o código que você recebeu no e-mail <strong id="emailtarget"></strong></p>

                <div>

                    <div class="col-md-12">
                        <input id="codigo" placeholder="Insira o código" type="text" class="default-input">
                    </div>
                </div>
                <div class="col-md-12">
                    <button id="validarCodigo" type="button" class="btn-blue" style="cursor: pointer">
                        Validar código
                    </button>
                </div>

                <div id="voltarLogarSemSenha" style="text-align: center; margin-top: 15px; cursor: pointer">Voltar</div>
            </div>
    </div>

    <script>
        $(document).ready(function(){

            $('#enviarCodigo').click(function(){
                let cpf = $('#cpf-codigo').val();

                $.ajax({
                    url: "/enviar-codigo-email",
                    dataType: 'json',
                    type: 'POST',
                    data: {
                        'cpf': cpf,
                        // '_token': $('[name="_token"]').val()
                    },
                    success: function(res) {
                        if(res.status){
                            $('#logarCpf').hide();
                            $('#informar-codigo').show();
                            $('#emailtarget').text(res.email);
                            return;
                        }

                        return alert(res.message);
                    },
                    error: function(xhr, ajaxOptions, thrownError) {

                    }
                });
            });

            $('#validarCodigo').click(function(){
                let codigo = $('#codigo').val();
                $.ajax({
                    url: "/validar-codigo",
                    dataType: 'json',
                    type: 'POST',
                    data: {
                        'codigo': codigo,
                    },
                    success: function(res) {
                        if(res.status){
                            return window.location.href = "/";
                        }

                        return alert('O código informado é inválido ou já expirou.');
                    },
                    error: function(xhr, ajaxOptions, thrownError) {

                    }
                });
            });

            $('#codigoExistenteBtn').click(function(){
                $('#logarCpf').hide();
                $('#informar-codigo').show();
            });

            $('#voltarLogarSemSenha').click(function(){
                $('#informar-codigo').hide();
                $('#logarCpf').show();
            });
        })
    </script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.website', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>