<!DOCTYPE html>
<html lang="bn" class="h-full bg-slate-900">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>পাসওয়ার্ড পুনরুদ্ধার — Teletalk CashVault</title>
    
    <!-- Google Web Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;600;700&family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
    <script src="https://cdn.tailwindcss.com"></script>
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    fontFamily: {
                        sans: ['"Hind Siliguri"', 'Inter', 'sans-serif'],
                    },
                    colors: {
                        blue: {
                            50: '#f0fdf4',
                            100: '#dcfce7',
                            200: '#bbf7d0',
                            300: '#86efac',
                            400: '#4ade80',
                            500: '#22c55e',
                            600: '#00a651',
                            700: '#15803d',
                            800: '#166534',
                            900: '#14532d',
                            950: '#052e16',
                        },
                        indigo: {
                            50: '#fff7ed',
                            100: '#ffedd5',
                            200: '#fed7aa',
                            300: '#fdba74',
                            400: '#fb923c',
                            500: '#f15a22',
                            600: '#e04b12',
                            700: '#b83709',
                            800: '#932c07',
                            900: '#7c2404',
                            950: '#431407',
                        }
                    }
                }
            }
        }
    </script>
</head>
<body class="h-full text-slate-200 flex items-center justify-center p-4 font-sans antialiased bg-slate-950">

    <div class="max-w-md w-full bg-slate-900 border border-slate-800 rounded-3xl p-6 md:p-8 shadow-2xl relative overflow-hidden">
        
        <!-- Background light circle decoration -->
        <span class="absolute -top-10 -right-10 w-24 h-24 bg-blue-600/15 blur-2xl rounded-full block"></span>

        <!-- Brand Icon -->
        <div class="flex flex-col items-center text-center space-y-2 mb-6">
            <span class="text-4xl bg-gradient-to-tr from-blue-600 to-indigo-600 p-3 rounded-2xl text-white shadow-lg">🔑</span>
            <div>
                <h1 class="text-lg font-black tracking-wider text-white font-mono uppercase">Teletalk CashVault</h1>
                <p class="text-xs text-slate-400 font-bold">পাসওয়ার্ড পুনরুদ্ধার ও রিসেট পোর্টাল</p>
            </div>
        </div>

        <?php if($errors->any()): ?>
            <div class="mb-5 bg-rose-500/10 border border-rose-500/20 text-rose-400 text-xs font-bold rounded-2xl p-3.5 leading-relaxed">
                🛑 ত্রুটি: <?php echo e($errors->first()); ?>

            </div>
        <?php endif; ?>

        <?php if(session('success')): ?>
            <div class="mb-5 bg-emerald-500/10 border border-emerald-500/20 text-emerald-400 text-xs font-bold rounded-2xl p-3.5 leading-relaxed space-y-3">
                <p class="text-[13px]">✅ <?php echo e(session('success')); ?></p>
                
                <?php if(session('reset_link')): ?>
                    <div class="bg-slate-950 p-3 rounded-xl border border-slate-800 space-y-2 mt-2">
                        <span class="text-[9px] text-slate-400 block uppercase font-mono tracking-wider">রিসেট লিংক কপি করে ব্রাউজারে প্রবেশ করুন (Copy Link):</span>
                        <a href="<?php echo e(session('reset_link')); ?>" class="text-blue-400 break-all font-mono text-[9px] hover:underline block leading-tight font-black">
                            <?php echo e(session('reset_link')); ?>

                        </a>
                        <a href="<?php echo e(session('reset_link')); ?>" class="mt-2 text-center bg-blue-600 hover:bg-blue-500 text-white font-extrabold text-[10px] py-1.5 px-3 rounded-lg block transition">
                            👉 সরাসরি রিসেট সাইটে প্রবেশ করুন
                        </a>
                    </div>
                <?php endif; ?>
            </div>
        <?php endif; ?>

        <!-- Forgot Password Form -->
        <form action="<?php echo e(route('password.email')); ?>" method="POST" class="space-y-4 text-xs font-bold text-slate-300">
            <?php echo csrf_field(); ?>

            <div class="space-y-1.5">
                <label class="block text-slate-400">আপনার রেজিস্টার্ড অফিসিয়াল ইমেইল এড্রেস *</label>
                <input type="email" name="email" required placeholder="name@company.com" 
                       value="<?php echo e(session('email') ?? old('email')); ?>"
                       class="w-full bg-slate-900 border border-slate-800 rounded-xl p-3 text-white focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500 transition-all font-mono">
                <p class="text-[10px] text-slate-500 font-medium">আপনার অ্যাকাউন্টে সংযুক্ত ইমেইল এড্রেস প্রদান করার সাথে সাথেই রিসেট টোকেন এবং অ্যাক্সেস লিংক তৈরি হবে।</p>
            </div>

            <button type="submit" class="w-full bg-blue-600 hover:bg-blue-700 text-white font-extrabold p-3 rounded-xl shadow-lg shadow-blue-500/10 transition-all text-xs uppercase tracking-wider block mt-2">
                🚀 রিসেট টোকেন তৈরি করুন (Generate Reset Link)
            </button>
            
            <div class="text-center mt-4">
                <a href="<?php echo e(route('login')); ?>" class="text-blue-400 hover:underline text-[11px] font-bold">
                    ◀️ লগইন স্ক্রিনে ফিরে যান (Back to Login)
                </a>
            </div>
        </form>

    </div>

</body>
</html>
<?php /**PATH C:\xampp\htdocs\cash_management\resources\views/auth/forgot-password.blade.php ENDPATH**/ ?>