Spaces:

PASHA109970
/

vnc

Running

File size: 53,367 Bytes

d33ccc3

<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>پاشا بانک - شبیه‌ساز بانکداری هوشمند</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts.css">
    <style>
        body {
            font-family: Vazirmatn, sans-serif;
        }
        .gradient-bg {
            background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%);
        }
        .iranian-gradient {
            background: linear-gradient(135deg, #239F85 0%, #1B5E20 100%);
        }
        .bank-card {
            background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.05) 100%);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255,255,255,0.2);
        }
        .transaction-item:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        }
        .ai-response {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.5s ease-out;
        }
        .ai-response.show {
            max-height: 500px;
        }
        .typing-indicator::after {
            content: "...";
            animation: typing 1.5s infinite;
        }
        @keyframes typing {
            0% { content: "."; }
            33% { content: ".."; }
            66% { content: "..."; }
        }
        .vnc-btn {
            animation: pulse 2s infinite;
        }
        @keyframes pulse {
            0% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.7); }
            70% { box-shadow: 0 0 0 10px rgba(220, 38, 38, 0); }
            100% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0); }
        }
    </style>
</head>
<body class="min-h-screen iranian-gradient text-white">
    <div class="container mx-auto px-4 py-8">
        <!-- Header -->
        <header class="flex justify-between items-center mb-8">
            <div class="flex items-center">
                <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/ca/Emblem_of_Iran.svg/1200px-Emblem_of_Iran.svg.png" alt="پاشا بانک" class="w-10 h-10 mr-3">
                <div>
                    <h1 class="text-2xl font-bold">پاشا بانک</h1>
                    <p class="text-xs text-green-200">توسعه و تولید توسط دکتر محسن خوش بهار</p>
                </div>
            </div>
            <div class="flex items-center space-x-4 space-x-reverse">
                <button id="darkModeToggle" class="p-2 rounded-full bg-green-900 hover:bg-green-800">
                    <i class="fas fa-moon"></i>
                </button>
                <div class="flex space-x-3 space-x-reverse">
                    <a href="#register" class="bg-red-600 hover:bg-red-700 px-4 py-2 rounded-lg text-sm">
                        <i class="fas fa-user-plus ml-2"></i>ثبت‌نام
                    </a>
                    <button id="vncBtn" class="vnc-btn bg-red-600 hover:bg-red-700 px-4 py-2 rounded-lg text-sm">
                        <i class="fas fa-headset ml-2"></i>پشتیبانی VNC
                    </button>
                </div>
            </div>
        </header>

        <!-- VNC Modal -->
        <div id="vncModal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
            <div class="bg-gray-800 rounded-lg p-6 w-full max-w-2xl">
                <div class="flex justify-between items-center mb-4">
                    <h3 class="text-xl font-bold">اتصال به پشتیبانی فنی پاشا بانک</h3>
                    <button id="closeVncModal" class="text-gray-400 hover:text-white">
                        <i class="fas fa-times"></i>
                    </button>
                </div>
                <div class="bg-black p-4 rounded mb-4">
                    <div class="flex items-center text-green-400 mb-2">
                        <i class="fas fa-circle animate-pulse mr-2"></i>
                        <span>در حال اتصال به سرور پشتیبانی...</span>
                    </div>
                    <div class="font-mono text-sm">
                        <div>آدرس سرور: support.pashabank.ir</div>
                        <div>پورت: 5900</div>
                        <div class="mt-3 text-yellow-300">لطفا منتظر بمانید، اتصال شما در حال برقراری است...</div>
                    </div>
                </div>
                <div class="bg-gray-900 p-4 rounded text-sm">
                    <h4 class="font-bold mb-2">راهنمای اتصال:</h4>
                    <ol class="list-decimal pr-5 space-y-2">
                        <li>نرم‌افزار VNC Viewer را نصب کنید</li>
                        <li>آدرس سرور و پورت بالا را وارد نمایید</li>
                        <li>از نام کاربری و رمز عبور یکسان استفاده کنید: pashabank1403</li>
                        <li>پس از اتصال، کارشناس پشتیبانی شما را راهنمایی خواهد کرد</li>
                    </ol>
                    <div class="mt-3 p-3 bg-blue-900 rounded text-blue-100">
                        <i class="fas fa-info-circle ml-2"></i>این سرویس فقط برای پشتیبانی فنی می‌باشد و تمامی ارتباطات رمزنگاری شده است.
                    </div>
                </div>
            </div>
        </div>

        <!-- Register Modal -->
        <div id="registerModal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
            <div class="bg-gray-800 rounded-lg p-6 w-full max-w-md">
                <div class="flex justify-between items-center mb-4">
                    <h3 class="text-xl font-bold">ثبت‌نام در پاشا بانک</h3>
                    <button id="closeRegisterModal" class="text-gray-400 hover:text-white">
                        <i class="fas fa-times"></i>
                    </button>
                </div>
                <form id="registerForm" class="space-y-4">
                    <div>
                        <label for="fullname" class="block mb-1">نام کامل</label>
                        <input type="text" id="fullname" class="w-full bg-gray-700 rounded-lg px-4 py-2 border border-gray-600 focus:border-green-500 focus:outline-none" required>
                    </div>
                    <div>
                        <label for="nationalCode" class="block mb-1">کد ملی</label>
                        <input type="text" id="nationalCode" class="w-full bg-gray-700 rounded-lg px-4 py-2 border border-gray-600 focus:border-green-500 focus:outline-none" required>
                    </div>
                    <div>
                        <label for="mobile" class="block mb-1">شماره موبایل</label>
                        <input type="tel" id="mobile" class="w-full bg-gray-700 rounded-lg px-4 py-2 border border-gray-600 focus:border-green-500 focus:outline-none" required>
                    </div>
                    <div>
                        <label for="email" class="block mb-1">ایمیل (اختیاری)</label>
                        <input type="email" id="email" class="w-full bg-gray-700 rounded-lg px-4 py-2 border border-gray-600 focus:border-green-500 focus:outline-none">
                    </div>
                    <div class="flex items-center">
                        <input type="checkbox" id="agreeTerms" class="ml-2" required>
                        <label for="agreeTerms" class="text-sm">با <a href="#" class="text-green-400 hover:underline">شرایط استفاده</a> و <a href="#" class="text-green-400 hover:underline">قوانین حریم خصوصی</a> موافقم</label>
                    </div>
                    <button type="submit" class="w-full bg-green-600 hover:bg-green-700 py-3 rounded-lg font-medium">
                        ثبت‌نام و دریافت یک ماه رایگان
                    </button>
                </form>
                <div class="mt-4 text-sm text-center text-gray-300">
                    قبلاً ثبت‌نام کرده‌اید؟ <a href="#" class="text-green-400 hover:underline">ورود به حساب کاربری</a>
                </div>
            </div>
        </div>

        <!-- Main Dashboard -->
        <div class="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-8">
            <!-- Account Summary -->
            <div class="lg:col-span-2 bg-green-900 bg-opacity-50 rounded-xl p-6 bank-card">
                <h2 class="text-xl font-semibold mb-4">خلاصه حساب</h2>
                <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
                    <div class="bg-green-800 bg-opacity-50 p-4 rounded-lg">
                        <p class="text-green-200 text-sm">موجودی فعلی</p>
                        <p class="text-2xl font-bold">۱۲,۳۴۵,۶۷۰ <span class="text-sm">ریال</span></p>
                    </div>
                    <div class="bg-green-800 bg-opacity-50 p-4 rounded-lg">
                        <p class="text-green-200 text-sm">اعتبار قابل استفاده</p>
                        <p class="text-2xl font-bold">۵,۰۰۰,۰۰۰ <span class="text-sm">ریال</span></p>
                    </div>
                    <div class="bg-green-800 bg-opacity-50 p-4 rounded-lg">
                        <p class="text-green-200 text-sm">پس‌انداز ماهانه</p>
                        <p class="text-2xl font-bold">۱,۲۰۰,۰۰۰ <span class="text-sm">ریال</span></p>
                    </div>
                </div>
            </div>

            <!-- Quick Actions -->
            <div class="bg-green-900 bg-opacity-50 rounded-xl p-6 bank-card">
                <h2 class="text-xl font-semibold mb-4">عملیات سریع</h2>
                <div class="grid grid-cols-2 gap-3">
                    <button class="bg-green-700 hover:bg-green-600 py-3 px-4 rounded-lg flex flex-col items-center">
                        <i class="fas fa-exchange-alt mb-1"></i>
                        <span class="text-sm">انتقال وجه</span>
                    </button>
                    <button class="bg-green-700 hover:bg-green-600 py-3 px-4 rounded-lg flex flex-col items-center">
                        <i class="fas fa-money-bill-wave mb-1"></i>
                        <span class="text-sm">پرداخت قبض</span>
                    </button>
                    <button class="bg-green-700 hover:bg-green-600 py-3 px-4 rounded-lg flex flex-col items-center">
                        <i class="fas fa-piggy-bank mb-1"></i>
                        <span class="text-sm">سپرده‌گذاری</span>
                    </button>
                    <button class="bg-green-700 hover:bg-green-600 py-3 px-4 rounded-lg flex flex-col items-center">
                        <i class="fas fa-chart-line mb-1"></i>
                        <span class="text-sm">سرمایه‌گذاری</span>
                    </button>
                </div>
            </div>
        </div>

        <!-- Recent Transactions -->
        <div class="bg-green-900 bg-opacity-50 rounded-xl p-6 mb-8 bank-card">
            <div class="flex justify-between items-center mb-4">
                <h2 class="text-xl font-semibold">تراکنش‌های اخیر</h2>
                <button class="text-green-300 hover:text-white text-sm">مشاهده همه</button>
            </div>
            <div class="space-y-3">
                <div class="transaction-item bg-green-800 bg-opacity-50 p-4 rounded-lg flex justify-between items-center transition-all duration-200">
                    <div class="flex items-center">
                        <div class="bg-green-700 p-3 rounded-full ml-3">
                            <i class="fas fa-shopping-cart"></i>
                        </div>
                        <div>
                            <p class="font-medium">خرید از دیجی‌کالا</p>
                            <p class="text-sm text-green-300">۲۲ خرداد ۱۴۰۲</p>
                        </div>
                    </div>
                    <p class="font-semibold text-red-400">۲,۶۹۹,۰۰۰ <span class="text-xs">ریال</span></p>
                </div>
                <div class="transaction-item bg-green-800 bg-opacity-50 p-4 rounded-lg flex justify-between items-center transition-all duration-200">
                    <div class="flex items-center">
                        <div class="bg-blue-700 p-3 rounded-full ml-3">
                            <i class="fas fa-dollar-sign"></i>
                        </div>
                        <div>
                            <p class="font-medium">واریز حقوق</p>
                            <p class="text-sm text-green-300">۲۰ خرداد ۱۴۰۲</p>
                        </div>
                    </div>
                    <p class="font-semibold text-green-400">۱۰۵,۰۰۰,۰۰۰ <span class="text-xs">ریال</span></p>
                </div>
                <div class="transaction-item bg-green-800 bg-opacity-50 p-4 rounded-lg flex justify-between items-center transition-all duration-200">
                    <div class="flex items-center">
                        <div class="bg-purple-700 p-3 rounded-full ml-3">
                            <i class="fas fa-utensils"></i>
                        </div>
                        <div>
                            <p class="font-medium">رستوران هفت‌خوان</p>
                            <p class="text-sm text-green-300">۱۸ خرداد ۱۴۰۲</p>
                        </div>
                    </div>
                    <p class="font-semibold text-red-400">۱,۲۷۰,۰۰۰ <span class="text-xs">ریال</span></p>
                </div>
            </div>
        </div>

        <!-- AI Banking Test Section -->
        <div class="bg-green-900 bg-opacity-50 rounded-xl p-6 bank-card">
            <h2 class="text-xl font-semibold mb-4">ارزیابی هوش مالی با هوش مصنوعی پاشا بانک</h2>
            <p class="text-green-300 mb-6">سطح دانش بانکی خود را با ابزار هوش مصنوعی ما محک بزنید و بازخورد شخصی‌سازی شده دریافت کنید.</p>
            
            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                <!-- Test Selection -->
                <div class="bg-green-800 bg-opacity-50 p-6 rounded-lg">
                    <h3 class="text-lg font-medium mb-4">انتخاب نوع آزمون</h3>
                    <div class="space-y-3">
                        <button onclick="startTest('basic')" class="w-full bg-green-700 hover:bg-green-600 py-3 px-4 rounded-lg text-right flex items-center justify-end">
                            <i class="fas fa-graduation-cap ml-3"></i>
                            <span>مفاهیم پایه بانکداری</span>
                        </button>
                        <button onclick="startTest('investing')" class="w-full bg-green-700 hover:bg-green-600 py-3 px-4 rounded-lg text-right flex items-center justify-end">
                            <i class="fas fa-chart-line ml-3"></i>
                            <span>سرمایه‌گذاری و پس‌انداز</span>
                        </button>
                        <button onclick="startTest('loans')" class="w-full bg-green-700 hover:bg-green-600 py-3 px-4 rounded-lg text-right flex items-center justify-end">
                            <i class="fas fa-hand-holding-usd ml-3"></i>
                            <span>وام و اعتبارات</span>
                        </button>
                        <button onclick="startTest('advanced')" class="w-full bg-green-700 hover:bg-green-600 py-3 px-4 rounded-lg text-right flex items-center justify-end">
                            <i class="fas fa-brain ml-3"></i>
                            <span>مفاهیم پیشرفته مالی</span>
                        </button>
                    </div>
                </div>
                
                <!-- Test Interface -->
                <div id="testInterface" class="hidden bg-green-800 bg-opacity-50 p-6 rounded-lg">
                    <div class="flex justify-between items-center mb-4">
                        <h3 id="testTitle" class="text-lg font-medium">عنوان آزمون</h3>
                        <span id="questionCounter" class="text-sm bg-green-700 px-2 py-1 rounded">سوال ۱/۵</span>
                    </div>
                    
                    <div id="questionContainer" class="mb-6">
                        <p id="questionText" class="mb-4">در حال بارگذاری سوال...</p>
                        <div id="optionsContainer" class="space-y-2">
                            <!-- Options will be inserted here -->
                        </div>
                    </div>
                    
                    <div class="flex justify-between">
                        <button id="prevBtn" onclick="prevQuestion()" class="bg-green-700 hover:bg-green-600 px-4 py-2 rounded-lg disabled:opacity-50" disabled>
                            قبلی<i class="fas fa-arrow-left mr-2"></i>
                        </button>
                        <button id="nextBtn" onclick="nextQuestion()" class="bg-green-600 hover:bg-green-500 px-4 py-2 rounded-lg">
                            بعدی<i class="fas fa-arrow-right ml-2"></i>
                        </button>
                    </div>
                </div>
                
                <!-- AI Results -->
                <div id="aiResults" class="hidden md:col-span-2 bg-green-800 bg-opacity-50 p-6 rounded-lg">
                    <div class="flex items-center mb-4">
                        <div class="bg-green-700 p-3 rounded-full ml-3">
                            <i class="fas fa-robot"></i>
                        </div>
                        <h3 class="text-lg font-medium">نتایج ارزیابی هوش مصنوعی</h3>
                    </div>
                    
                    <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-6">
                        <div class="bg-green-900 p-4 rounded-lg">
                            <p class="text-green-300 text-sm">امتیاز</p>
                            <p id="scoreDisplay" class="text-2xl font-bold">۰٪</p>
                        </div>
                        <div class="bg-green-900 p-4 rounded-lg">
                            <p class="text-green-300 text-sm">پاسخ‌های صحیح</p>
                            <p id="correctDisplay" class="text-2xl font-bold">۰/۵</p>
                        </div>
                        <div class="bg-green-900 p-4 rounded-lg">
                            <p class="text-green-300 text-sm">سطح دانش</p>
                            <p id="levelDisplay" class="text-2xl font-bold">مبتدی</p>
                        </div>
                    </div>
                    
                    <div class="mb-4">
                        <h4 class="font-medium mb-2">بازخورد شخصی‌سازی شده</h4>
                        <div id="aiFeedback" class="ai-response bg-green-900 p-4 rounded-lg">
                            <div class="typing-indicator">هوش مصنوعی در حال تحلیل نتایج شماست</div>
                        </div>
                    </div>
                    
                    <div>
                        <h4 class="font-medium mb-2">منابع یادگیری پیشنهادی</h4>
                        <div id="aiResources" class="ai-response bg-green-900 p-4 rounded-lg">
                            <div class="typing-indicator">هوش مصنوعی در حال تولید پیشنهادات است</div>
                        </div>
                    </div>
                    
                    <button onclick="resetTest()" class="mt-6 bg-green-600 hover:bg-green-500 px-4 py-2 rounded-lg">
                        <i class="fas fa-redo mr-2"></i>شرکت در آزمون دیگر
                    </button>
                </div>
            </div>
        </div>

        <!-- Special Offer -->
        <div id="register" class="bg-gradient-to-r from-red-700 to-red-900 rounded-xl p-6 mt-8 flex flex-col md:flex-row justify-between items-center">
            <div class="mb-4 md:mb-0">
                <h3 class="text-xl font-bold mb-2">عضویت ویژه در پاشا بانک</h3>
                <p class="text-red-100">یک ماه استفاده رایگان از تمامی خدمات بانکداری هوشمند ما</p>
            </div>
            <button onclick="openRegisterModal()" class="bg-white text-red-700 hover:bg-gray-100 px-6 py-3 rounded-lg font-bold">
                <i class="fas fa-gem ml-2"></i>ثبت‌نام رایگان
            </button>
        </div>
    </div>

    <footer class="bg-green-900 bg-opacity-70 py-6 mt-12">
        <div class="container mx-auto px-4">
            <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
                <div>
                    <h4 class="font-bold mb-4">پاشا بانک</h4>
                    <p class="text-sm text-green-200">پیشرفته‌ترین سامانه شبیه‌ساز بانکداری ایرانی با هوش مصنوعی</p>
                </div>
                <div>
                    <h4 class="font-bold mb-4">خدمات</h4>
                    <ul class="space-y-2 text-sm text-green-200">
                        <li><a href="#" class="hover:text-white">حساب جاری</a></li>
                        <li><a href="#" class="hover:text-white">حساب پس‌انداز</a></li>
                        <li><a href="#" class="hover:text-white">سرمایه‌گذاری</a></li>
                        <li><a href="#" class="hover:text-white">وام و تسهیلات</a></li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold mb-4">راهنمایی</h4>
                    <ul class="space-y-2 text-sm text-green-200">
                        <li><a href="#" class="hover:text-white">سوالات متداول</a></li>
                        <li><a href="#" class="hover:text-white">آموزش‌ها</a></li>
                        <li><a href="#" class="hover:text-white">تماس با پشتیبانی</a></li>
                        <li><a href="#" class="hover:text-white">دانلود اپلیکیشن</a></li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold mb-4">تماس با ما</h4>
                    <ul class="space-y-2 text-sm text-green-200">
                        <li class="flex items-center">
                            <i class="fas fa-phone ml-2"></i>
                            <span>۰۲۱-۹۱۰۱۲۳۴۵</span>
                        </li>
                        <li class="flex items-center">
                            <i class="fas fa-envelope ml-2"></i>
                            <span>info@pashabank.ir</span>
                        </li>
                        <li class="flex items-center">
                            <i class="fas fa-map-marker-alt ml-2"></i>
                            <span>تهران، میدان ونک، برج سپهر</span>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="border-t border-green-800 mt-8 pt-6 text-center text-sm text-green-300">
                <p>تمامی حقوق این سامانه متعلق به پاشا بانک می‌باشد. © ۱۴۰۲</p>
                <p class="mt-2">توسعه و تولید توسط دکتر محسن خوش بهار</p>
            </div>
        </div>
    </footer>

    <script>
        // Dark mode toggle
        document.getElementById('darkModeToggle').addEventListener('click', function() {
            document.body.classList.toggle('iranian-gradient');
            document.body.classList.toggle('bg-gray-900');
            document.body.classList.toggle('text-white');
            document.body.classList.toggle('text-gray-900');
            
            const cards = document.querySelectorAll('.bank-card');
            cards.forEach(card => {
                card.classList.toggle('bg-green-900');
                card.classList.toggle('bg-opacity-50');
                card.classList.toggle('bg-gray-800');
                card.classList.toggle('bg-opacity-70');
            });
            
            const icon = this.querySelector('i');
            if (icon.classList.contains('fa-moon')) {
                icon.classList.remove('fa-moon');
                icon.classList.add('fa-sun');
            } else {
                icon.classList.remove('fa-sun');
                icon.classList.add('fa-moon');
            }
        });

        // VNC Modal
        document.getElementById('vncBtn').addEventListener('click', function() {
            document.getElementById('vncModal').classList.remove('hidden');
        });

        document.getElementById('closeVncModal').addEventListener('click', function() {
            document.getElementById('vncModal').classList.add('hidden');
        });

        // Register Modal
        function openRegisterModal() {
            document.getElementById('registerModal').classList.remove('hidden');
        }

        document.getElementById('closeRegisterModal').addEventListener('click', function() {
            document.getElementById('registerModal').classList.add('hidden');
        });

        document.getElementById('registerForm').addEventListener('submit', function(e) {
            e.preventDefault();
            alert('ثبت‌نام شما با موفقیت انجام شد! یک ماه استفاده رایگان از خدمات پاشا بانک برای شما فعال شد.');
            document.getElementById('registerModal').classList.add('hidden');
        });

        // Banking Test Logic
        let currentTest = null;
        let currentQuestion = 0;
        let userAnswers = [];
        let testData = {
            basic: {
                title: "مفاهیم پایه بانکداری",
                questions: [
                    {
                        question: "هدف اصلی حساب پس‌انداز چیست؟",
                        options: [
                            "کسب سود از محل سپرده‌گذاری",
                            "انجام تراکنش‌های روزمره",
                            "سرمایه‌گذاری در بورس",
                            "دریافت وام آسان"
                        ],
                        correct: 0,
                        explanation: "حساب پس‌انداز برای نگهداری پول و دریافت سود طراحی شده است."
                    },
                    {
                        question: "APR در بانکداری به چه معناست؟",
                        options: [
                            "نرخ سود سالانه",
                            "میانگین نسبت پرداخت",
                            "شرایط پرداخت حساب",
                            "بازده سود سالانه"
                        ],
                        correct: 0,
                        explanation: "APR یا Annual Percentage Rate نشان‌دهنده نرخ سود سالانه است."
                    },
                    {
                        question: "تفاوت اصلی کارت بانکی و کارت اعتباری چیست؟",
                        options: [
                            "کارت بانکی از موجودی حساب استفاده می‌کند، کارت اعتباری از اعتبار",
                            "کارت‌های بانکی کارمزد بیشتری دارند",
                            "کارت‌های اعتباری فقط برای خرید اینترنتی هستند",
                            "تفاوت خاصی ندارند"
                        ],
                        correct: 0,
                        explanation: "کارت بانکی مستقیماً از موجودی حساب استفاده می‌کند، در حالی که کارت اعتباری بر اساس اعتبار بانکی است."
                    },
                    {
                        question: "بیمه سپرده‌ها چیست؟",
                        options: [
                            "حفاظت از سپرده‌گذاران در صورت ورشکستگی بانک",
                            "بیمه علیه سرقت کارت",
                            "پوشش زیان‌های سرمایه‌گذاری",
                            "حفاظت در برابر کلاهبرداری اینترنتی"
                        ],
                        correct: 0,
                        explanation: "بیمه سپرده‌ها تا سقف مشخصی از سپرده‌های مشتریان در صورت ورشکستگی بانک محافظت می‌کند."
                    },
                    {
                        question: "سود مرکب چیست؟",
                        options: [
                            "سود حاصل از اصل سرمایه و سودهای قبلی",
                            "سود جریمه دیرکرد",
                            "نرخ سود متغیر",
                            "سود فقط بر اساس اصل سرمایه"
                        ],
                        correct: 0,
                        explanation: "سود مرکب به سودی گفته می‌شود که هم به اصل سرمایه و هم به سودهای قبلی تعلق می‌گیرد."
                    }
                ]
            },
            investing: {
                title: "سرمایه‌گذاری و پس‌انداز",
                questions: [
                    {
                        question: "مزیت اصلی حساب بازنشستگی (صندوق بازنشستگی) چیست؟",
                        options: [
                            "معافیت مالیاتی و رشد معاف از مالیات",
                            "بازدهی تضمینی",
                            "عدم محدودیت در برداشت",
                            "دسترسی فوری به سرمایه"
                        ],
                        correct: 0,
                        explanation: "حساب‌های بازنشستگی از مزایای معافیت مالیاتی برخوردار هستند."
                    },
                    {
                        question: "میانگین هزینه دلاری به چه معناست؟",
                        options: [
                            "سرمایه‌گذاری مبلغ ثابت در دوره‌های منظم",
                            "خرید سهام هنگامی که قیمت به ۱ دلار می‌رسد",
                            "محاسبه میانگین هزینه تمام سرمایه‌گذاری‌ها",
                            "فروش سرمایه‌گذاری هنگام رسیدن به هدف قیمتی"
                        ],
                        correct: 0,
                        explanation: "میانگین هزینه دلاری روشی است که در آن مبلغ ثابتی در دوره‌های منظم سرمایه‌گذاری می‌شود."
                    },
                    {
                        question: "قانون ۷۲ برای چه کاری استفاده می‌شود؟",
                        options: [
                            "تخمین زمان دوبرابر شدن سرمایه",
                            "محاسبه اقساط وام",
                            "تعیین اندازه بهینه سبد سهام",
                            "اندازه‌گیری نرخ تورم سالانه"
                        ],
                        correct: 0,
                        explanation: "قانون ۷۲ روشی ساده برای تخمین زمان دوبرابر شدن سرمایه با نرخ سود ثابت است."
                    },
                    {
                        question: "کدام نوع سرمایه‌گذاری معمولاً پرریسک‌تر است؟",
                        options: [
                            "سهام انفرادی",
                            "اوراق قرضه دولتی",
                            "حساب‌های پس‌انداز",
                            "گواهی سپرده بانکی"
                        ],
                        correct: 0,
                        explanation: "سهام انفرادی به دلیل نوسانات قیمتی معمولاً پرریسک‌تر از سایر گزینه‌هاست."
                    },
                    {
                        question: "ETF چیست؟",
                        options: [
                            "صندوق قابل معامله در بورس",
                            "نوعی حساب پس‌انداز پر سود",
                            "سرمایه‌گذاری با پشتوانه دولت",
                            "نوعی وام دانشجویی"
                        ],
                        correct: 0,
                        explanation: "ETF یا صندوق قابل معامله، مجموعه‌ای از دارایی‌هاست که مانند سهام در بورس معامله می‌شود."
                    }
                ]
            },
            loans: {
                title: "وام و اعتبارات",
                questions: [
                    {
                        question: "امتیاز اعتباری (Credit Score)主要用于什么？",
                        options: [
                            "ارزیابی اعتبار وام‌گیرنده",
                            "تعیین صلاحیت شغلی",
                            "محاسبه مالیات",
                            "تعیین نرخ سود حساب پس‌انداز"
                        ],
                        correct: 0,
                        explanation: "امتیاز اعتباری نشان‌دهنده اعتبار مالی فرد و توانایی بازپرداخت وام است."
                    },
                    {
                        question: "بهترین راه برای بهبود امتیاز اعتباری چیست؟",
                        options: [
                            "پرداخت به موقع قبوض و کاهش استفاده از اعتبار",
                            "بستن تمام حساب‌های اعتباری",
                            "درخواست چندین کارت اعتباری جدید",
                            "استفاده فقط از پول نقد"
                        ],
                        correct: 0,
                        explanation: "پرداخت به موقع و استفاده معقول از اعتبار بهترین راه بهبود امتیاز اعتباری است."
                    },
                    {
                        question: "تفاوت وام با نرخ ثابت و نرخ شناور چیست؟",
                        options: [
                            "وام ثابت نرخ تغییرناپذیر دارد، وام شناور نرخ متغیر",
                            "وام ثابت فقط ۱۵ ساله است، شناور ۳۰ ساله",
                            "وام شناور نرخ اولیه بالاتری دارد",
                            "تفاوت خاصی ندارند"
                        ],
                        correct: 0,
                        explanation: "در وام ثابت نرخ سود در طول مدت وام تغییر نمی‌کند، اما در وام شناور نرخ سود متغیر است."
                    },
                    {
                        question: "جدول اقساط (Amortization Schedule) چیست؟",
                        options: [
                            "جدول پرداخت‌های دوره‌ای وام",
                            "تقویم سررسید پرداخت‌ها",
                            "سابقه تراکنش‌های کارت اعتباری",
                            "بودجه‌بندی بازپرداخت وام"
                        ],
                        correct: 0,
                        explanation: "جدول اقساط برنامه‌ای است که مبلغ هر قسط و سهم اصل و سود آن را نشان می‌دهد."
                    },
                    {
                        question: "نسبت بدهی به درآمد (DTI) برای چیست؟",
                        options: [
                            "سنجش توانایی مدیریت پرداخت‌های ماهانه",
                            "محاسبه نرخ سود کارت اعتباری",
                            "تعیین صلاحیت افتتاح حساب پس‌انداز",
                            "تعیین حق بیمه وام مسکن"
                        ],
                        correct: 0,
                        explanation: "این نسبت نشان می‌دهد چه بخشی از درآمد ماهانه به پرداخت بدهی‌ها اختصاص می‌یابد."
                    }
                ]
            },
            advanced: {
                title: "مفاهیم پیشرفته مالی",
                questions: [
                    {
                        question: "ارزش زمانی پول به چه معناست؟",
                        options: [
                            "پول امروز ارزش بیشتری از همان مبلغ در آینده دارد",
                            "پول به مرور زمان به دلیل تورم ارزش خود را از دست می‌دهد",
                            "محاسبه سود حاصل از پس‌انداز",
                            "مدت زمان لازم برای دوبرابر کردن سرمایه"
                        ],
                        correct: 0,
                        explanation: "ارزش زمانی پول بیان می‌کند که پول امروز به دلیل امکان سرمایه‌گذاری و کسب سود، ارزش بیشتری دارد."
                    },
                    {
                        question: "تنوع‌بخشی در سرمایه‌گذاری چیست؟",
                        options: [
                            "توزیع سرمایه در دارایی‌های مختلف برای کاهش ریسک",
                            "سرمایه‌گذاری فقط در سهام پررشد",
                            "تمرکز بر یک بخش صنعتی خاص",
                            "زمان‌بندی بازار برای خرید کم و فروش بالا"
                        ],
                        correct: 0,
                        explanation: "تنوع‌بخشی به معنای تقسیم سرمایه بین انواع دارایی‌ها برای کاهش ریسک است."
                    },
                    {
                        question: "صندوق سرمایه‌گذاری پرریسک (Hedge Fund) چیست؟",
                        options: [
                            "شراکت سرمایه‌گذاری با استراتژی‌های متنوع",
                            "صندوق بازنشستگی دولتی",
                            "نوعی بیمه برای زیان‌های بورسی",
                            "حساب پس‌انداز با نرخ سود بالا"
                        ],
                        correct: 0,
                        explanation: "صندوق‌های پرریسک با استفاده از استراتژی‌های پیچیده برای سرمایه‌گذاران خاص فعالیت می‌کنند."
                    },
                    {
                        question: "نقدینگی در مالی به چه اشاره دارد؟",
                        options: [
                            "سهولت تبدیل دارایی به پول نقد",
                            "میزان بدهی یک شرکت",
                            "نرخ سود حساب‌های پس‌انداز",
                            "نوسان قیمت سهام"
                        ],
                        correct: 0,
                        explanation: "نقدینگی نشان‌دهنده سرعت و سهولت تبدیل یک دارایی به پول نقد بدون تاثیر بر قیمت آن است."
                    },
                    {
                        question: "فرضیه بازار کارا چیست؟",
                        options: [
                            "اینکه قیمت‌ها تمام اطلاعات موجود را منعکس می‌کنند",
                            "اینکه بازارها همیشه بهینه عمل می‌کنند",
                            "استراتژی برای زمان‌بندی بازار",
                            "روشی برای پیش‌بینی قیمت سهام"
                        ],
                        correct: 0,
                        explanation: "فرضیه بازار کارا بیان می‌کند که قیمت دارایی‌ها تمام اطلاعات موجود را منعکس کرده و نمی‌توان به طور مداوم بازار را شکست داد."
                    }
                ]
            }
        };

        function startTest(testType) {
            currentTest = testType;
            currentQuestion = 0;
            userAnswers = [];
            
            document.getElementById('testTitle').textContent = testData[testType].title;
            document.getElementById('testInterface').classList.remove('hidden');
            document.getElementById('aiResults').classList.add('hidden');
            
            showQuestion();
        }

        function showQuestion() {
            const questionData = testData[currentTest].questions[currentQuestion];
            document.getElementById('questionText').textContent = questionData.question;
            
            const optionsContainer = document.getElementById('optionsContainer');
            optionsContainer.innerHTML = '';
            
            questionData.options.forEach((option, index) => {
                const optionDiv = document.createElement('div');
                optionDiv.className = 'flex items-center p-3 bg-green-700 hover:bg-green-600 rounded-lg cursor-pointer text-right';
                optionDiv.onclick = () => selectOption(index);
                
                // Check if user has already answered this question
                if (userAnswers[currentQuestion] !== undefined && userAnswers[currentQuestion] === index) {
                    optionDiv.classList.add('bg-green-500');
                }
                
                const radio = document.createElement('div');
                radio.className = 'w-5 h-5 rounded-full border-2 border-green-300 mr-3 flex items-center justify-center';
                
                if (userAnswers[currentQuestion] !== undefined && userAnswers[currentQuestion] === index) {
                    const innerDot = document.createElement('div');
                    innerDot.className = 'w-3 h-3 bg-green-300 rounded-full';
                    radio.appendChild(innerDot);
                }
                
                const optionText = document.createElement('span');
                optionText.textContent = option;
                
                optionDiv.appendChild(optionText);
                optionDiv.appendChild(radio);
                optionsContainer.appendChild(optionDiv);
            });
            
            // Update question counter
            document.getElementById('questionCounter').textContent = `سوال ${currentQuestion + 1}/${testData[currentTest].questions.length}`;
            
            // Update navigation buttons
            document.getElementById('prevBtn').disabled = currentQuestion === 0;
        }

        function selectOption(optionIndex) {
            userAnswers[currentQuestion] = optionIndex;
            showQuestion(); // Refresh to show selected option
        }

        function nextQuestion() {
            if (currentQuestion < testData[currentTest].questions.length - 1) {
                currentQuestion++;
                showQuestion();
            } else {
                // Test completed, show results
                showResults();
            }
        }

        function prevQuestion() {
            if (currentQuestion > 0) {
                currentQuestion--;
                showQuestion();
            }
        }

        function showResults() {
            document.getElementById('testInterface').classList.add('hidden');
            document.getElementById('aiResults').classList.remove('hidden');
            
            // Calculate score
            let correctCount = 0;
            testData[currentTest].questions.forEach((question, index) => {
                if (userAnswers[index] === question.correct) {
                    correctCount++;
                }
            });
            
            const score = Math.round((correctCount / testData[currentTest].questions.length) * 100);
            document.getElementById('scoreDisplay').textContent = `${score}٪`;
            document.getElementById('correctDisplay').textContent = `${correctCount}/${testData[currentTest].questions.length}`;
            
            // Determine knowledge level
            let level = "";
            if (score >= 90) level = "حرفه‌ای";
            else if (score >= 70) level = "پیشرفته";
            else if (score >= 50) level = "متوسط";
            else level = "مبتدی";
            document.getElementById('levelDisplay').textContent = level;
            
            // Generate AI feedback
            generateAIFeedback(correctCount, score);
        }

        function generateAIFeedback(correctCount, score) {
            const feedbackElement = document.getElementById('aiFeedback');
            const resourcesElement = document.getElementById('aiResources');
            
            // Show typing indicator
            feedbackElement.classList.add('show');
            resourcesElement.classList.add('show');
            
            // Simulate AI processing delay
            setTimeout(() => {
                feedbackElement.innerHTML = '';
                resourcesElement.innerHTML = '';
                
                // Generate feedback based on performance
                let feedback = '';
                let resources = '<ul class="list-disc pr-5 space-y-2">';
                
                if (score >= 90) {
                    feedback = `<p class="mb-2">عالی بود! امتیاز ${score}٪ شما نشان‌دهنده تسلط بالا بر ${testData[currentTest].title} است.</p>`;
                    feedback += `<p>شما بر مفاهیم کلیدی مسلط هستید. برای گسترش دانش مالی خود می‌توانید موضوعات پیشرفته‌تر را بررسی کنید.</p>`;
                    
                    resources += `<li>کتاب‌های پیشرفته برنامه‌ریزی مالی</li>`;
                    resources += `<li>دوره‌های تخصصی مالی (CFP, CFA)</li>`;
                    resources += `<li>پلتفرم‌های تحقیقات سرمایه‌گذاری</li>`;
                } else if (score >= 70) {
                    feedback = `<p class="mb-2">خوب بود! امتیاز ${score}٪ شما نشان می‌دهد درک خوبی از ${testData[currentTest].title} دارید.</p>`;
                    feedback += `<p>شما به بیشتر سوالات پاسخ صحیح دادید، اما در برخی حوزه‌ها امکان بهبود وجود دارد. روی مفاهیمی که پاسخ نادرست دادید تمرکز کنید.</p>`;
                    
                    resources += `<li>وبسایت‌های آموزشی مالی سطح متوسط</li>`;
                    resources += `<li>پادکست‌های مالی شخصی</li>`;
                    resources += `<li>دوره‌های آنلاین موضوعات خاص مالی</li>`;
                } else if (score >= 50) {
                    feedback = `<p class="mb-2">امتیاز شما ${score}٪ است که نشان‌دهنده درک پایه‌ای از ${testData[currentTest].title} است.</p>`;
                    feedback += `<p>اگرچه به برخی سوالات پاسخ صحیح دادید، اما نیاز به مرور چندین مفهوم اساسی دارید. تقویت این پایه به شما در تصمیم‌گیری‌های مالی بهتر کمک می‌کند.</p>`;
                    
                    resources += `<li>کتاب‌های مقدماتی مالی شخصی</li>`;
                    resources += `<li>وبسایت‌های سواد مالی</li>`;
                    resources += `<li>دوره‌های مقدماتی آنلاین</li>`;
                } else {
                    feedback = `<p class="mb-2">امتیاز ${score}٪ شما نشان می‌دهد در ابتدای یادگیری ${testData[currentTest].title} هستید.</p>`;
                    feedback += `<p>نگران نباشید - همه از جایی شروع می‌کنند! ابتدا روی یادگیری مفاهیم پایه تمرکز کنید و با مطالعه مستمر پیشرفت سریعی خواهید داشت.</p>`;
                    
                    resources += `<li>منابع سواد مالی مقدماتی</li>`;
                    resources += `<li>اپلیکیشن‌های مدیریت مالی با محتوای آموزشی</li>`;
                    resources += `<li>کانال‌های یوتیوب مقدماتی مالی شخصی</li>`;
                }
                
                // Add specific feedback for missed questions
                feedback += `<div class="mt-4 pt-4 border-t border-green-700">`;
                feedback += `<h5 class="font-medium mb-2">حوزه‌های نیاز به بهبود:</h5><ul class="list-disc pr-5 space-y-1">`;
                
                testData[currentTest].questions.forEach((question, index) => {
                    if (userAnswers[index] !== question.correct) {
                        feedback += `<li><span class="font-medium">${question.question}</span><br>`;
                        feedback += `<span class="text-green-300">پاسخ صحیح: ${question.options[question.correct]}</span><br>`;
                        feedback += `<span class="text-sm">${question.explanation}</span></li>`;
                    }
                });
                
                feedback += `</ul></div>`;
                
                resources += `</ul>`;
                resources += `<p class="mt-3 text-sm text-green-300">با توجه به عملکرد شما، این منابع برای بهبود دانشتان پیشنهاد می‌شود.</p>`;
                
                feedbackElement.innerHTML = feedback;
                resourcesElement.innerHTML = resources;
            }, 1500);
        }

        function resetTest() {
            document.getElementById('aiResults').classList.add('hidden');
            document.getElementById('testInterface').classList.remove('hidden');
            currentQuestion = 0;
            showQuestion();
        }
    </script>
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=PASHA109970/vnc" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>