

<?php $__env->startSection('app'); ?>
<!-- =============================== Account Section Start Here ====================== -->
<section class="account">
     <div class="account__shape">
        <img src="<?php echo e(asset('assets/templates/basic/frontend/images/shapes/account-shape.png')); ?>" alt="Shape" class="w-full h-auto">
    </div>
    <a href="#" class="account__logo">
        <img src="<?php echo e(asset('assets/images/logo_icon/logo.png')); ?>" alt="Logo" class="account__logo-img light">
        <img src="<?php echo e(asset('assets/images/logo_icon/logo_dark.png')); ?>" alt="" class="account__logo-img dark">
    </a>
    <a href="" class="account__backtohome btn btn--light btn--icon absolute top-4 right-4 flex items-center">
        <i class="fas fa-times mr-2"></i> <?php echo app('translator')->get('Back to Home'); ?>
    </a>
    <div class="container"> 
        <div class="row gy-5 align-items-center flex-wrap-reverse">
            <div class="col-md-6">
                <div class="account-thumb">
                    <img src="<?php echo e(asset('assets/images/frontend/login_register/641872cda99f91679323853.png')); ?>" alt="">
                </div>
            </div>
            <div class="col-md-6">
                <div class="account-form"> 
                    <form method="POST" action="<?php echo e(route("login.login.auth")); ?>" class="verify-gcaptcha">
                        <?php echo csrf_field(); ?>
                        <h2 class="account-form__title"><?php echo app('translator')->get('Login Your Account'); ?></h2>

             
                        <div class="form-group">
                            <label class="floating-label" for="email"><?php echo app('translator')->get('Email'); ?></label>
                            <input type="text" name="email" value="<?php echo e(old('email')); ?>" class="form--control" required>
                        </div>
                        <div class="form-group">
                            <label class="floating-label" for="your-password"><?php echo app('translator')->get('Password'); ?></label>
                            <div class="input--group">
                                <input id="password" type="password" class="form--control" name="password" required>
                                <div class="password-show-hide fa-solid toggle-password fa-eye-slash" id="#password"></div>
                            </div>
                        </div>

         
                        <div class="form-group custom--checkbox d-flex justify-content-between flex-wrap">
                            <div>
                                <input class="form-check-input" type="checkbox" name="remember" id="remember" <?php echo e(old('remember') ? 'checked' : ''); ?>>
                                <label class="form-check-label" for="remember"><?php echo app('translator')->get('Remember Me'); ?></label>
                            </div>
                            <a href="" class="anchor-color"><?php echo app('translator')->get('Forgot Password'); ?>?</a>
                        </div>
                          <div class="form-group">
                            <div class="g-recaptcha" data-sitekey="<?php echo e(env('RECAPTCHA_SITE_KEY')); ?>"></div>
                        </div>
                        <div class="form-group">        
                            <button type="submit" id="recaptcha" class="btn btn--base w-100"><?php echo app('translator')->get('Login'); ?></button>
                        </div>
                        <div class="form-group">        
                            <div class="account-form__or">
                                <span class="account-form__or-text"><?php echo app('translator')->get('Or'); ?></span>
                            </div>
                        </div>
                        <div class="form-group mb-0">        
                            <a href="<?php echo e(route("login.login.register")); ?>" class="btn btn--base outline w-100"><?php echo app('translator')->get('Become a Merchant'); ?></a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>
<script>

    document.querySelectorAll('.toggle-password').forEach(button => {
        button.addEventListener('click', function() {
            const input = document.querySelector(this.dataset.target);
            if (input.type === 'password') {
                input.type = 'text';
                this.innerHTML = '<i class="fa fa-eye"></i>';
            } else {
                input.type = 'password';
                this.innerHTML = '<i class="fa fa-eye-slash"></i>';
            }
        });
    });
</script>

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


<?php echo $__env->make('layouts.login-app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/paysafebd23/ovimanager.store/resources/views/auth/login.blade.php ENDPATH**/ ?>