<?php $__env->startSection('content'); ?>
    <div class="min-h-screen w-full flex">

        <!-- LEFT SIDE -->
        <div class="hidden lg:flex w-1/2 bg-[#1c2353] text-white px-16 py-20 items-center"
            style="background-image: url('images/auth_cover.png');background-repeat:no-repeat;background-position-y:100%">
            <div class="max-w-lg">

                <h1 class="text-5xl font-extrabold leading-tight">
                    Secure Access,<br> Seamless<br> Experience.
                </h1>

                <div class="mt-20 text-sm opacity-80">
                    Forgot your password? No problem. <br> Just let us know your email address and we will email you a
                    password reset link that
                    will allow you to choose a new one.
                </div>

            </div>
        </div>

        <!-- RIGHT SIDE -->
        <div class="w-full lg:w-1/2 flex items-center justify-center lg:px-16 px-6 py-16 ">

            <div class="w-full ">
                <div class="mb-12">
                    <a href="<?php echo e(url('/')); ?>">
                        <img src="<?php echo e(asset('logo.png')); ?>" alt="<?php echo e(config('app.name', 'Laravel')); ?>" class="h-6 w-auto">
                    </a>
                </div>
                <h2 class="text-2xl font-bold primary-color">Forgot Password</h2>
                <p class="text-sm text-gray-500 mt-1">
                    Enter your email and we’ll send you a password reset link.
                </p>

                <form method="POST" action="<?php echo e(route('password.email')); ?>" class="mt-8 space-y-5">
                    <?php echo csrf_field(); ?>


                    <!-- Email -->
                    <div class="flex flex-col gap-1 mt-4">
                        <label class="text-sm font-medium text-gray-700">Email Address</label>
                        <input type="email" name="email" value="<?php echo e(old('email')); ?>"
                            class="w-full border rounded-lg px-4 py-3 focus:ring-2 focus:ring-blue-500"
                            placeholder="you@example.com">

                        <?php $__errorArgs = ['email'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                            <p class="text-xs text-red-500"><?php echo e($message); ?></p>
                        <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                    </div>

                    <!-- Success Message -->
                    <?php if(session('status')): ?>
                        <p class="text-sm text-green-600"><?php echo e(session('status')); ?></p>
                    <?php endif; ?>

                    <!-- Submit -->
                    <button type="submit"
                        class="w-full bg-[#2e3a87] text-white py-3 rounded-lg font-semibold hover:bg-[#252f6f] transition">
                        Send Password Reset Link
                    </button>

                    <p class="text-center text-sm text-gray-600 mt-4">
                        Remember your password?
                        <a href="<?php echo e(route('login')); ?>" class="primary-color font-semibold">Log In</a>
                    </p>
                </form>

                <script>
                    function togglePass(id) {
                        const input = document.getElementById(id);
                        input.type = input.type === "password" ? "text" : "password";
                    }
                </script>

            </div>
            </div>

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

<?php echo $__env->make('layouts.guest', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /var/www/ratemypay/resources/views/auth/forgot-password.blade.php ENDPATH**/ ?>