Spaces:
Running
Running
| <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> |