<title>Login - money up work</title>

<?php $__env->startSection('css'); ?>
<script
  src="https://challenges.cloudflare.com/turnstile/v0/api.js?onload=onloadTurnstileCallback"
  defer
></script>
    <style>
        .home-title {
            margin-bottom: 20px;
        }
        #captcha_code_area{
            -webkit-user-select: none;
            -webkit-touch-callout: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            /* color: #cc0000; */
            border: solid 1px #f31313;
            padding: 6px 34px;
            margin-top: 30px;
            opacity: 0.7;
            letter-spacing: 5px;
            border-radius: 10px;
        }
    </style>
    <head>
   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> 
    <script src="https://www.google.com/recaptcha/api.js" 
            async defer></script>
    </head>
    <?php
    $website = DB::table('websites')
        ->latest()
        ->first();
    $p_categorys = DB::table('categories')
        ->latest()
        ->get();
    ?>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('front-content'); ?>

    <section class="contact">
        <div class="container">
            <div class="row mt-5">
                <div class="col-12" data-aos="fade-right" data-aos-duration="1000" data-aos-offset="100">
                    <div>
                        <h2 class="global_subtitle">WELCOME TO <?php echo e(site_info()->title); ?></h2>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    <div class="contact_inner_section position-relative">
        <div class="container">
            <div class="row pt-sm-3 pt-lg-5">
                <div class="col-12 col-md-6">
                    <div class="details_inner d-flex">
                        <div class="details_info">
                            <?php echo about_us()->login_page_tcontent; ?>

                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-6">
                    <div class="inquire_form">
                        <div class="inquire_header">
                            <h2><?php echo e(about_us()->login_form_title); ?></h2>
                        </div>
                        <form action="<?php echo e(route('login')); ?>" id="contact-form" method="post">
                            <?php echo csrf_field(); ?>
                            <?php if(session()->get('login_erro') != ''): ?>
                                <div class="form_field">
                                    <div class="alert alert-danger" role="alert"><?php echo e(session()->get('login_erro')); ?></div>
                                </div>
                            <?php endif; ?>
                            
                            <?php if(session()->get('mail_sent') != ''): ?>
                                <div class="form_field">
                                    <div class="alert alert-success" role="alert"><?php echo e(session()->get('mail_sent')); ?></div>
                                </div>
                            <?php endif; ?>
                            <div class="form_field">
                                <label for="login_email">Email Address/Phone</label>
                                <input type="text" placeholder="Email Address" name="phone" id="login_email" />
                                <span class="my_error" style="display: none; color: red;">Please Enter Valid Email</span>

                                <i class="fas fa-exclamation-circle failure-icon"></i>
                                <i class="far fa-check-circle success-icon"></i>

                                <div class="error"></div>
                            </div>
                            
                            <div class="form_field">
                                <label for="login_password">Password</label>
                                <input type="password" placeholder="Password" name="password" id="login_password" />
                                <span class="my_error" style="display: none; color: red;">Please Enter 3 digit</span>

                                <i class="fas fa-exclamation-circle failure-icon"></i>
                                <i class="far fa-check-circle success-icon"></i>
                                <div class="error"></div>
                            </div>
                            
                            <div class="form_field">
                                <label>
                                    <input type="checkbox" checked="checked" name="remember"> Remember me
                                </label>
                            </div>

                            <div class="send_btn">
                                <button type="submit" name="login_do" id="login_do">Login</button>
                            </div>
                            <div class="row mt-3">
                                <div class="col-6">
                                    <a href="<?php echo e(route('register')); ?>" class="text-blue">
                                        <small> <b> <p style="color:#192250;"> Create new account</p> </b> </small>
                                    </a>
                                </div>
                                <div class="col-6 text-right">
                                    <a href="<?php echo e(route('user-foreget-password')); ?>" class="text-dark"><small>Forgot password?</small></a>
                                </div>
                            </div>
                        </form>

                    </div>

                </div>
            </div>
        </div>
    </div>
    
    <script>
        $(window).on('load', function(){
            $.ajax({
                type:'GET',
                url:'reload-captcha',
                success:function(data){
                    $('.captcha span').html(data.captcha);    
                    $('#captcha_code').val(data.captcha);    
                    $('#captcha-error').html('');
                    $('#entered_captcha_code').val('');
                }
            });
        });
        $('#reload').click(function(){
            $.ajax({
                type:'GET',
                url:'reload-captcha',
                success:function(data){
                    $('.captcha span').html(data.captcha);     
                    $('#captcha_code').val(data.captcha);  
                    $('#captcha-error').html('');
                    $('#login_do').attr('disabled', true);
                    $('#entered_captcha_code').val('');
                }
            });
        });
        
        function changeCaptchaCode(){
            var captcha_code = $('#captcha_code').val();
            var code = $('#entered_captcha_code').val();
            
            if(captcha_code === code){
                $('#captcha-error').html('');
                $('#login_do').attr('disabled', false);
            }else{
                $('#captcha-error').html('Captcha not matched! Try again!');
                $('#login_do').attr('disabled', true);
            }
        }
    </script>

<?php $__env->stopSection(); ?>

<?php echo $__env->make('frontend.layouts.master', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/sakibwe1/microjobtwo.sakibwebtech.website/resources/views/auth/login.blade.php ENDPATH**/ ?>