import React, { useState, useEffect } from 'react';
import { Clock, CheckCircle, XCircle, AlertCircle, RefreshCcw, Award, AlertTriangle } from 'lucide-react';

const MedicalExamApp = () => {
  // Full 100 Questions Data Extracted from Images
  const questions = [
    // Botany (01-12)
    { id: 1, subject: "জীববিজ্ঞান (উদ্ভিদ)", question: "ভাইরাস জনিত হেপাটাইটিস যে অঙ্গকে আক্রান্ত করে তার নাম-", options: ["যকৃৎ", "মস্তিষ্ক", "হৃদপিণ্ড", "বৃক্ক"], correctAnswer: 0 },
    { id: 2, subject: "জীববিজ্ঞান (উদ্ভিদ)", question: "গ্লাইকোলাইসিস ও ক্রেবস চক্রকে সংযোগ করে-", options: ["সাইট্রিক এসিড", "সাকসিনিক এসিড", "এসিটাইল কো-এ", "ম্যালিক এসিড"], correctAnswer: 2 },
    { id: 3, subject: "জীববিজ্ঞান (উদ্ভিদ)", question: "মানবদেহে ক্যান্সার সৃষ্টিকারী অন্যতম DNA ভাইরাস হলো-", options: ["সিমিয়ান ভাইরাস", "ফ্লাভিভাইরাস", "এডেনোভাইরাস", "র‍্যাবডোভাইরাস"], correctAnswer: 0 },
    { id: 4, subject: "জীববিজ্ঞান (উদ্ভিদ)", question: "বিশ্বের ক্ষুদ্রতম আবৃতবীজী উদ্ভিদ এর নাম-", options: ["Pistia", "Azolla", "Eucalyptus", "Wolffia"], correctAnswer: 3 },
    { id: 5, subject: "জীববিজ্ঞান (উদ্ভিদ)", question: "হরমোন প্রয়োগ করে বীজহীন ফল উৎপাদন করার প্রক্রিয়ার নাম-", options: ["অ্যাপোগ্যামি", "সংকরায়ন", "ইমাস্কুলেশন", "পার্থেনোকার্পি"], correctAnswer: 3 },
    { id: 6, subject: "জীববিজ্ঞান (উদ্ভিদ)", question: "বাংলাদেশ যে প্রাণীভৌগোলিক অঞ্চলে অবস্থিত তার নাম-", options: ["নিআর্কটিক অঞ্চল", "নিওট্রপিক্যাল অঞ্চল", "প্যালিআর্কটিক অঞ্চল", "ওরিয়েন্টাল অঞ্চল"], correctAnswer: 3 },
    { id: 7, subject: "জীববিজ্ঞান (উদ্ভিদ)", question: "শাপলা যে শ্রেণির জলজ উদ্ভিদ তার নাম-", options: ["মূলাবদ্ধ পত্রভাসমান", "মূলাবদ্ধ নিমজ্জিত", "মূলাবদ্ধ উখিত", "মুক্ত ভাসমান"], correctAnswer: 0 },
    { id: 8, subject: "জীববিজ্ঞান (উদ্ভিদ)", question: "উদ্ভিদের অতিপ্রয়োজনীয় মাইক্রো পুষ্টি উপাদানের অন্যতম হলো-", options: ["ফসফরাস", "ম্যাগনেসিয়াম", "জিঙ্ক", "সালফার"], correctAnswer: 2 },
    { id: 9, subject: "জীববিজ্ঞান (উদ্ভিদ)", question: "গ্লাইকোলাইসিস প্রক্রিয়া নিয়ন্ত্রণকারী এনজাইমের নাম-", options: ["aldolase", "phosphoglucomutase", "phosphofructokinase", "enolase"], correctAnswer: 2 },
    { id: 10, subject: "জীববিজ্ঞান (উদ্ভিদ)", question: "উদ্ভিদে নিষিক্ত হওয়া ব্যতীত ডিম্বাণু থেকে ভ্রুণ সৃষ্টির পদ্ধতির নাম-", options: ["Agamospermy", "Androgenesis", "Apospory", "Parthenogenesis"], correctAnswer: 3 },
    { id: 11, subject: "জীববিজ্ঞান (উদ্ভিদ)", question: "একবীজপত্রী মূলের গঠনে অনুপস্থিত থাকে-", options: ["পেরিসাইকল", "হাইপোডার্মিস", "এন্ডোডার্মিস", "কর্টেক্স"], correctAnswer: 1 },
    { id: 12, subject: "জীববিজ্ঞান (উদ্ভিদ)", question: "পাতার গ্রাউন্ড টিস্যুর নাম-", options: ["প্যালিসেড", "এন্ডোডার্মিস", "কর্টেক্স", "মেসোফিল"], correctAnswer: 3 },

    // Zoology (13-30)
    { id: 13, subject: "জীববিজ্ঞান (প্রাণী)", question: "দাঁতের যে অংশে রক্তনালী থাকে তার নাম-", options: ["পাল্প", "এনামেল", "সিমেন্টাম", "ডেনটিন"], correctAnswer: 0 },
    { id: 14, subject: "জীববিজ্ঞান (প্রাণী)", question: "বৃহদন্ত্রের ব্যাকটেরিয়া দ্বারা প্রস্তুতকৃত ভিটামিন হলো-", options: ["ভিটামিন-D", "ভিটামিন-K", "ভিটামিন-A", "ভিটামিন-E"], correctAnswer: 1 },
    { id: 15, subject: "জীববিজ্ঞান (প্রাণী)", question: "যে সাইনাসের প্রদাহের কারণে দুই চোখের মাঝখানে ব্যথা হয় তার নাম-", options: ["ম্যাক্সিলারি সাইনাস", "এথময়েড সাইনাস", "স্ফেনয়েড সাইনাস", "ফ্রন্টাল সাইনাস"], correctAnswer: 1 },
    { id: 16, subject: "জীববিজ্ঞান (প্রাণী)", question: "কাইমোট্রিপসিন প্রধানত যে খাদ্যকে পরিপাক করে তা হলো-", options: ["মাখন", "ডাল", "রুটি", "শাক"], correctAnswer: 1 },
    { id: 17, subject: "জীববিজ্ঞান (প্রাণী)", question: "হাইড্রার নিডোসাইটের কাজ হলো-", options: ["শিকার ধরা", "অন্তঃকোষীয় পরিপাক", "ডিম্বাশয়ের পুনর্গঠন", "এনজাইম ক্ষরণ"], correctAnswer: 0 },
    { id: 18, subject: "জীববিজ্ঞান (প্রাণী)", question: "মানব ভ্রূণে হৃদপিণ্ডের ক্রমবিকাশ শুরু হয়-", options: ["দশম সপ্তাহে", "অষ্টম সপ্তাহে", "চতুর্থ সপ্তাহে", "পঞ্চম সপ্তাহে"], correctAnswer: 2 },
    { id: 19, subject: "জীববিজ্ঞান (প্রাণী)", question: "জেলিফিশ যে পর্বের প্রাণি তার নাম-", options: ["মলাস্কা", "প্লাটিহেলমিনথিস", "নিডারিয়া", "আর্থোপোডা"], correctAnswer: 2 },
    { id: 20, subject: "জীববিজ্ঞান (প্রাণী)", question: "স্টেম কোষের উৎস হলো-", options: ["yolk sac", "amnion", "chorion", "allantois"], correctAnswer: 0 },
    { id: 21, subject: "জীববিজ্ঞান (প্রাণী)", question: "ডায়াফ্রাম যে মাংসপেশি দ্বারা গঠিত তার ধরণ হলো-", options: ["মসৃণ", "অনৈচ্ছিক", "ঐচ্ছিক", "মিশ্র"], correctAnswer: 2 },
    { id: 22, subject: "জীববিজ্ঞান (প্রাণী)", question: "স্বাদের সাথে সম্পর্কিত করোটি স্নায়ু হলো-", options: ["হাইপোগ্লোসাল", "ফেসিয়াল", "ভেগাস", "অপটিক"], correctAnswer: 1 },
    { id: 23, subject: "জীববিজ্ঞান (প্রাণী)", question: "যে পর্বের প্রাণিদের মধ্যে দ্বিপার্শীয় ক্লিভেজ পরিলক্ষিত হয়, তা হলো-", options: ["chordata", "arthropoda", "annelida", "mollusca"], correctAnswer: 0 },
    { id: 24, subject: "জীববিজ্ঞান (প্রাণী)", question: "ভ্রুণ থেকে মায়ের শরীরে পরিবাহিত পদার্থের অন্তর্গত হলো-", options: ["গ্লুকোজ", "অক্সিজেন", "কার্বন-ডাই-অক্সাইড", "লিপিড"], correctAnswer: 2 },
    { id: 25, subject: "জীববিজ্ঞান (প্রাণী)", question: "এরিথ্রোপয়েটিন উৎপন্ন হয়-", options: ["ফুসফুসে", "যকৃতে", "অস্থিমজ্জায়", "বৃক্কে"], correctAnswer: 3 },
    { id: 26, subject: "জীববিজ্ঞান (প্রাণী)", question: "অগ্ন্যাশয়ের আলফা-কোষ থেকে নিঃসৃত হয়-", options: ["গ্লুকাগন", "ইনসুলিন", "প্যানক্রিয়েটিক পলিপেপটাইড", "লাইপেজ"], correctAnswer: 0 },
    { id: 27, subject: "জীববিজ্ঞান (প্রাণী)", question: "মানবদেহে সবচেয়ে কঠিন আবরণ হলো-", options: ["পেরিকার্ডিয়াম", "পেরিকন্ড্রিয়াম", "দাঁতের এনামেল", "পেরিঅস্টিয়াম"], correctAnswer: 2 },
    { id: 28, subject: "জীববিজ্ঞান (প্রাণী)", question: "দেহঅভ্যন্তরের তুলনায় স্ক্রোটামের তাপমাত্রা হলো-", options: ["3°C কম", "2°C বেশি", "3°C বেশি", "2°C কম"], correctAnswer: 3 },
    { id: 29, subject: "জীববিজ্ঞান (প্রাণী)", question: "বায়ুগহ্বরপূর্ণ অস্থিসম্পন্ন প্রাণিসমূহের অন্তর্গত হলো-", options: ["পাখি", "ব্যাঙ", "মাছ", "সাপ"], correctAnswer: 0 },
    { id: 30, subject: "জীববিজ্ঞান (প্রাণী)", question: "রক্ত জমাট বাঁধাতে সাহায্যকারী আয়নের নাম-", options: ["Na+", "K+", "Ca++", "Fe++"], correctAnswer: 2 },

    // Chemistry 1st (31-37)
    { id: 31, subject: "রসায়ন ১ম", question: "যে সকল পরমাণুর ভরসংখ্যা একই কিন্তু পারমাণবিক সংখ্যা ভিন্ন, তাদেরকে বলে-", options: ["আইসোটোপ", "আইসোটোন", "আইসোমার", "আইসোবার"], correctAnswer: 3 },
    { id: 32, subject: "রসায়ন ১ম", question: "কম্পোজিট কণিকার উদাহরণ হলো-", options: ["quark", "deuteron", "lepton", "electron"], correctAnswer: 1 },
    { id: 33, subject: "রসায়ন ১ম", question: "মারাত্মক দাহ্য পদার্থ হলো-", options: ["BaCl₂", "lindane", "LPG", "NH₃ গ্যাস"], correctAnswer: 2 },
    { id: 34, subject: "রসায়ন ১ম", question: "জীবাণুনাশক হিসেবে ব্যবহৃত অতিবেগুনী রশ্মির তরঙ্গদৈর্ঘ্য হলো-", options: ["230nm-265nm", "230nm-380nm", "240nm-280nm", "200nm-400nm"], correctAnswer: 2 },
    { id: 35, subject: "রসায়ন ১ম", question: "ধনাত্মক প্রভাবক হিসেবে ব্যবহৃত হয়-", options: ["H₃PO₄", "Na₂SO₃", "MnO₂", "KMnO₄"], correctAnswer: 2 },
    { id: 36, subject: "রসায়ন ১ম", question: "ল্যাবরেটরিতে ব্যবহৃত H₂SO₄ এর পরিবেশের উপর প্রভাবসমূহের মধ্যে অন্যতম হলো-", options: ["মাটির খনিজ উপাদান সমূহের ক্ষয়", "বায়ু দূষণ", "মাটির অণুজীবের ধ্বংস", "উদ্ভিদের অতিজন্ম"], correctAnswer: 2 },
    { id: 37, subject: "রসায়ন ১ম", question: "অপটিক্যাল ফাইবারের প্রধান উপাদান হলো-", options: ["SiO₂", "CuO", "MgO", "CaO"], correctAnswer: 0 },

    // Chemistry 2nd (38-55)
    { id: 38, subject: "রসায়ন ২য়", question: "১০০০ মিঃ লিঃ 5% NaOH দ্রবণে বিদ্যমান NaOH এর পরিমাণ হলো-", options: ["50 mg", "5 gm", "5 mg", "50 gm"], correctAnswer: 3 },
    { id: 39, subject: "রসায়ন ২য়", question: "অবস্থভেদে, জারক ও বিজারক হিসাবে কাজ করে-", options: ["FeO", "KMnO₄", "FeCl₃", "H₂S"], correctAnswer: 0 },
    { id: 40, subject: "রসায়ন ২য়", question: "প্রাইমারি বায়ু দূষক হলো-", options: ["SO₃", "SO₂", "HNO₃", "H₂SO₄"], correctAnswer: 1 },
    { id: 41, subject: "রসায়ন ২য়", question: "ম্যালামাইন থেকে উৎপন্ন, বৃক্কের জন্যে ক্ষতিকারক পদার্থের নাম-", options: ["ইউরিয়া", "মেলাতুর", "সায়ানো ইউরিক এসিড", "নাইলন"], correctAnswer: 2 },
    { id: 42, subject: "রসায়ন ২য়", question: "বায়ুতে সর্বাধিক ঘনত্বে বিরাজমান নিষ্ক্রিয় গ্যাস হলো-", options: ["রেডন", "নিয়ন", "হিলিয়াম", "আর্গন"], correctAnswer: 3 },
    { id: 43, subject: "রসায়ন ২য়", question: "মনোপ্রোটিক অম্লের উদাহরণ হলো-", options: ["H₂CO₃", "H₂SO₄", "H₃PO₃", "HClO₄"], correctAnswer: 3 },
    { id: 44, subject: "রসায়ন ২য়", question: "যে বিক্রিয়া দ্বারা সাদৃশ্যপূর্ণ উচ্চতর অ্যালকেন উৎপন্ন করা হয় তার নাম-", options: ["গ্রিগনার্ড বিক্রিয়া", "ক্লিমেনসেন বিজারণ", "ডিকার্বোক্সিলেশন", "উর্টজ বিক্রিয়া"], correctAnswer: 3 },
    { id: 45, subject: "রসায়ন ২য়", question: "পৃথিবীর ওজনস্তরে ক্ষয় হলে তার পরিণতিতে ঘটতে পারে-", options: ["খাদ্যনালীর ক্যান্সার", "ত্বকের ক্যান্সার", "অস্থিসন্ধির ব্যথা", "হৃদরোগ"], correctAnswer: 1 },
    { id: 46, subject: "রসায়ন ২য়", question: "ক্যালরিফিক মান বিচারে সবচেয়ে ভালো কয়লা হলো-", options: ["লিগনাইট", "বিটুমিদস", "অ্যানথ্রাসাইট", "পিট"], correctAnswer: 2 },
    { id: 47, subject: "রসায়ন ২য়", question: "যে ভারী ধাতুর কারণে ব্ল্যাক-ফুট ডিজিজ হয় তার প্রতীক হলো-", options: ["As", "Cr", "Cd", "Pb"], correctAnswer: 0 },
    { id: 48, subject: "রসায়ন ২য়", question: "মোটরযানে ব্যবহৃত CNG তে বিদ্যমান মিথেন গ্যাসের শতকরা পরিমাণ হলো-", options: ["৯৫-৯৭", "৯৫-৯৯", "৯০-৯৫", "৯৩-৯৮"], correctAnswer: 1 },
    { id: 49, subject: "রসায়ন ২য়", question: "STP তে কোন গ্যাসের মোলার আয়তন হলো-", options: ["24.8 liters", "24.4 liters", "22.8 liters", "22.4 liters"], correctAnswer: 3 },
    { id: 50, subject: "রসায়ন ২য়", question: "FeCl₃ দ্রবণের সাহায্যে শনাক্ত করা যায়-", options: ["ফেনল", "অ্যালডিহাইড", "কিটোন", "এস্টার"], correctAnswer: 0 },
    { id: 51, subject: "রসায়ন ২য়", question: "শুষ্ককারক ও নিরুদক পদার্থ, উভয় হিসেবে ক্রিয়া সম্পাদন করে-", options: ["SiO₂", "Al₂O₃", "KHSO₄", "P₂O₅"], correctAnswer: 3 },
    { id: 52, subject: "রসায়ন ২য়", question: "যে রাসায়নিক দ্বারা খাদ্যদ্রব্যে ফরমালিনের উপস্থিতি নির্ণয় করা হয় তা হলো-", options: ["ZnCl₂", "PCl₅", "2,4 - DNPH", "NaHCO₃"], correctAnswer: 2 },
    { id: 53, subject: "রসায়ন ২য়", question: "বায়ুমণ্ডলের যে স্তরে প্রাকৃতিক দুর্যোগসমূহের উৎপত্তি হয় তা হলো-", options: ["মেসোস্ফিয়ার", "আয়নোস্ফিয়ার", "স্ট্রাটোস্ফিয়ার", "ট্রপোস্ফিয়ার"], correctAnswer: 3 },
    { id: 54, subject: "রসায়ন ২য়", question: "রাসায়নিক বিক্রিয়ায় পরমাণুতে যে পরিবর্তন ঘটে তা হলো-", options: ["প্রোটনের সংখ্যায়", "ইলেকট্রনের সংখ্যায়", "নিউক্লিয়নের সংখ্যায়", "নিউট্রনের সংখ্যায়"], correctAnswer: 1 },
    { id: 55, subject: "রসায়ন ২য়", question: "বাংলাদেশে সুপার সাইক্লোনে বাতাসের ঘন্টায় গতিবেগ হলো-", options: ["২২০ কিঃ মিঃ এর অধিক", "১১৮-২১৯ কিঃ মিঃ", "৮৯-১১৭ কিঃ মিঃ", "৬২-৮৮ কিঃ মিঃ"], correctAnswer: 0 },

    // Physics 1st (56-70)
    { id: 56, subject: "পদার্থবিজ্ঞান ১ম", question: "একটি ক্রেন দ্বারা ২২০ কেজি ভরের একটি বোঝা 0.1ms⁻¹ ধ্রুববেগে উঠানো হলে, তার প্রয়োগকৃত ক্ষমতা হলো (g = 9.8 ms⁻²)", options: ["200.8 W", "215.6 W", "245 W", "196 W"], correctAnswer: 1 },
    { id: 57, subject: "পদার্থবিজ্ঞান ১ম", question: "সবচেয়ে কম সান্দ্রতা সম্পন্ন গ্যাস হলো-", options: ["জেনন", "হাইড্রোজেন", "ইথেন", "মিথেন"], correctAnswer: 1 },
    { id: 58, subject: "পদার্থবিজ্ঞান ১ম", question: "সরল দোলকের সাহায্যে নির্ণয় করা যায়-", options: ["মহাকর্ষীয় বিভব", "মহাকর্ষীয় ধ্রুবক", "মুক্তিবেগ", "অভিকর্ষজ ত্বরণ"], correctAnswer: 3 },
    { id: 59, subject: "পদার্থবিজ্ঞান ১ম", question: "পৃথিবীর মুক্তিবেগ হলো-", options: ["12.1 kms⁻¹", "11.6 kms⁻¹", "11.2 kms⁻¹", "11.8 kms⁻¹"], correctAnswer: 2 },
    { id: 60, subject: "পদার্থবিজ্ঞান ১ম", question: "রক্তচাপ মাপার যন্ত্রের নাম-", options: ["স্ফিগমোম্যানোমিটার", "ব্যারোমিটার", "অলটিমিটার", "ল্যাকটোমিটার"], correctAnswer: 0 },
    { id: 61, subject: "পদার্থবিজ্ঞান ১ম", question: "তাপ গতিবিদ্যার শূন্যতম সূত্রের উপর ভিত্তি করে তৈরী হয়-", options: ["ক্যালরিমিটার", "রেফ্রিজারেটর", "কার্নো ইঞ্জিন", "থার্মোমিটার"], correctAnswer: 3 },
    { id: 62, subject: "পদার্থবিজ্ঞান ১ম", question: "একটি 100 W বাল্ব দিনে ৫ ঘন্টা করে ৩০ দিন জ্বালানো হলে, ব্যবহৃত বৈদ্যুতিক শক্তির পরিমাণ হয়-", options: ["15 kWh", "12 kWh", "20 kWh", "10 kWh"], correctAnswer: 0 },
    { id: 63, subject: "পদার্থবিজ্ঞান ১ম", question: "আলোর বর্ণের ভিন্নতা যে পার্থক্যের কারণে ঘটে, তা হলো-", options: ["উৎস", "বিস্তার", "তরঙ্গদৈর্ঘ্য", "তীব্রতা"], correctAnswer: 2 },
    { id: 64, subject: "পদার্থবিজ্ঞান ১ম", question: "30°C তাপমাত্রা মান কেলভিন স্কেলে হয়-", options: ["219.15°", "405.15°", "325.15°", "303.15°"], correctAnswer: 3 },
    { id: 65, subject: "পদার্থবিজ্ঞান ১ম", question: "যে প্রক্রিয়ায় দুটি বস্তুর ঘর্ষণের ফলে তাপ উৎপন্ন হয় তা হলো-", options: ["অপ্রত্যাবর্তী", "রুদ্ধতাপীয়", "প্রত্যাবর্তী", "সমোষ্ণ"], correctAnswer: 0 },
    { id: 66, subject: "পদার্থবিজ্ঞান ১ম", question: "'ফ্লেমিং এর বাম-হস্ত নিয়ম' অনুযায়ী বৃদ্ধাঙ্গুলি নির্দেশ করে-", options: ["চৌম্বক ভ্রামক", "চৌম্বক আবেশ ক্ষেত্র", "বিদ্যুৎ প্রবাহ", "পরিবাহীর বিক্ষেপ"], correctAnswer: 3 },
    { id: 67, subject: "পদার্থবিজ্ঞান ১ম", question: "তড়িৎ ক্ষেত্রে কোন নির্দিষ্ট বিন্দুতে স্থাপিত একটি একক ধনাত্মক আধান যে বল অনুভব করে তা হলো-", options: ["তড়িৎ বল", "তড়িৎ ফ্লাক্স", "তড়িৎ প্রাবল্য", "তড়িৎ বিভব"], correctAnswer: 2 },
    { id: 68, subject: "পদার্থবিজ্ঞান ১ম", question: "সেমিকন্ডাক্টর রূপে ব্যবহৃত অপধাতুর প্রতীক হলো-", options: ["Cu", "Al", "Ge", "Zn"], correctAnswer: 2 },
    { id: 69, subject: "পদার্থবিজ্ঞান ১ম", question: "ফারেনহাইট ও সেলসিয়াস স্কেলে যে তাপমাত্রা একই পাঠ পাওয়া যাবে তা হলো-", options: ["4°", "-40°", "40°", "-4°"], correctAnswer: 1 },
    { id: 70, subject: "পদার্থবিজ্ঞান ১ম", question: "স্থির কাঠামোর তুলনায় গতিশীল কাঠামোয় ঘড়ির ধীরে চলার ঘটনাকে বলে-", options: ["দৈর্ঘ্য সংকোচন", "কাল দীর্ঘায়ন", "সময় সংকোচন", "ভরের আপেক্ষিকতা"], correctAnswer: 1 },

    // English (71-85)
    { id: 71, subject: "English", question: "A prefix containing word is-", options: ["immoral", "immediate", "immense", "important"], correctAnswer: 0 },
    { id: 72, subject: "English", question: "The word without a prefix is-", options: ["irrational", "irritable", "irresponsible", "irregular"], correctAnswer: 1 },
    { id: 73, subject: "English", question: "\"I know you.\" The complex form of the sentence is-", options: ["\"I know who you were.\"", "\"I know who you be.\"", "\"I know who you are.\"", "\"I know who are you.\""], correctAnswer: 2 },
    { id: 74, subject: "English", question: "I heard the story from the horse's mouth. The underlined phrase means-", options: ["from an authentic source", "from a doubtful source", "from an open source", "from an unreliable source"], correctAnswer: 0 },
    { id: 75, subject: "English", question: "The team is ____ eleven players. The correct phrase to fill in the gap is-", options: ["made by", "made out of", "made up of", "made of"], correctAnswer: 2 },
    { id: 76, subject: "English", question: "\"He had to suffer for his sins.\" Keeping the same meaning, the negative form of the statement is-", options: ["He had no alternative to suffer for his sins", "He has no way but to suffer for his sins", "He would not but suffer for his sins", "He could not but suffer for his sins"], correctAnswer: 3 },
    { id: 77, subject: "English", question: "You should never look down the poor. The corrected sentence is-", options: ["You should never look down at the poor.", "You should never look down to the poor.", "You should never look down about the poor.", "You should never look down upon the poor."], correctAnswer: 3 },
    { id: 78, subject: "English", question: "A Person unable to pay back debts is called-", options: ["poor", "cheat", "miser", "bankrupt"], correctAnswer: 3 },
    { id: 79, subject: "English", question: "The synonym of 'ideal' is-", options: ["correct", "perfect", "good", "appropriate"], correctAnswer: 1 },
    { id: 80, subject: "English", question: "\"I could hardly make out the traffic signs through the fog.\" The underlined phrase means-", options: ["recognize", "distinguish", "locate", "obey"], correctAnswer: 1 },
    { id: 81, subject: "English", question: "The supervisor took him ____ task for his negligence. The correct preposition to fill in the gap is-", options: ["for", "at", "to", "by"], correctAnswer: 2 },
    { id: 82, subject: "English", question: "All his dreams were shattered ____ the event. The correct preposition to fill in the gap is-", options: ["with", "after", "on", "by"], correctAnswer: 3 },
    { id: 83, subject: "English", question: "We mobilized funds for his treatment. Here mobilized means-", options: ["spent", "gave", "allocated", "collected"], correctAnswer: 3 },
    { id: 84, subject: "English", question: "The phrase that expresses humility is-", options: ["Yours respectfully", "faithfully yours", "sincerely yours", "Yours in appreciation"], correctAnswer: 0 },
    { id: 85, subject: "English", question: "The verb of the word 'habit' is-", options: ["habitual", "habituate", "habitable", "habitat"], correctAnswer: 1 },

    // General Knowledge (86-100)
    { id: 86, subject: "সাধারণ জ্ঞান", question: "একই সময়ে বহু সমস্যা দেখা দিলে তা সমাধানের কৌশল হলো-", options: ["অগ্রাহ্য করা", "অগ্রাধিকার নির্ধারণ", "কঠিনটি দিয়ে শুরু করা", "সহজটি দিয়ে শুরু করা"], correctAnswer: 1 },
    { id: 87, subject: "সাধারণ জ্ঞান", question: "বাংলাদেশে ইউনেস্কো স্বীকৃত বিশ্ব ঐতিহ্য স্থানসমূহের অন্তর্গত হলো-", options: ["বাগেরহাট মসজিদ নগরী", "ময়নামতি বৌদ্ধবিহার", "বায়তুল মোকাররম মসজিদ", "লালবাগ কেল্লা"], correctAnswer: 0 },
    { id: 88, subject: "সাধারণ জ্ঞান", question: "বাংলাদেশে বায়ুর আদ্রতা সবচেয়ে বেশী থাকে-", options: ["ময়মনসিংহে অক্টোবর মাসে", "রংপুরে জুন মাসে", "সিলেটে মে মাসে", "চট্টগ্রামে আগস্ট মাসে"], correctAnswer: 3 },
    { id: 89, subject: "সাধারণ জ্ঞান", question: "পলাশী যুদ্ধ সংঘটিত হয় যে সালে-", options: ["১৯১৯", "১৫২৬", "১৭৫৭", "১৮৫৭"], correctAnswer: 2 },
    { id: 90, subject: "সাধারণ জ্ঞান", question: "তীব্র ডায়রিয়া রোগে মৃত্যুর প্রধান কারণ-", options: ["রক্ত শূন্যতা", "যকৃতের অকার্যকরতা", "পরিপাকের অসুবিধা", "পানি শূন্যতা"], correctAnswer: 3 },
    { id: 91, subject: "সাধারণ জ্ঞান", question: "যে সংক্রামক রোগকে টিকা পরিপূর্ণ ভাবে নির্মূল করেছে তা হলো-", options: ["জল বসন্ত", "জলাতঙ্ক", "গুটি বসন্ত", "হাম"], correctAnswer: 2 },
    { id: 92, subject: "সাধারণ জ্ঞান", question: "ভূমিকম্পের সৃষ্টি হয়-", options: ["ভূ-অভ্যন্তরে তাপমাত্রার পার্থক্যের ফলে", "ভূ-গোলকের ঘূর্ণন গতি বৃদ্ধির কারণে", "ট্যাকটোনিক প্লেটের সীমানায়", "ভূ-পৃষ্ঠের অভ্যন্তরীণ ও বহিঃস্থ কোরের সম্মিলন হলে"], correctAnswer: 2 },
    { id: 93, subject: "সাধারণ জ্ঞান", question: "বাংলাদেশে অধিক আখ উৎপাদনকারী জেলার নাম-", options: ["খাগড়াছড়ি", "মাদারীপুর", "রাজশাহী", "নরসিংদী"], correctAnswer: 2 },
    { id: 94, subject: "সাধারণ জ্ঞান", question: "ভারতের 'চিকেন নেক' করিডোরে সন্নিহিত বাংলাদেশের অন্যতম জেলার নাম-", options: ["পঞ্চগড়", "কুড়িগ্রাম", "সিলেট", "ঠাকুরগাঁও"], correctAnswer: 0 },
    { id: 95, subject: "সাধারণ জ্ঞান", question: "একজন মেডিকেল শিক্ষার্থী কোর্সের মাঝ পথে এসে পড়াশোনার চাপে গুরুতর ভাবে অবসাদগ্রস্ত হয়ে পড়ে। তার উচিত ছিল-", options: ["অতিরিক্ত পরিশ্রম এড়িয়ে চলা", "শিক্ষকদের সাহায্য নেওয়া", "বিশ্রামের ব্যাপারে সচেতন হওয়া", "ভর্তির আগে এ শিক্ষার চাপ বিষয়ে সচেতন হওয়া"], correctAnswer: 1 },
    { id: 96, subject: "সাধারণ জ্ঞান", question: "মানব জিনোম প্রকল্প সমাপ্ত ঘোষণা করা হয় যে সালে-", options: ["২০১৫", "২০০৩", "২০০৯", "২০২০"], correctAnswer: 1 },
    { id: 97, subject: "সাধারণ জ্ঞান", question: "একজন শিক্ষার্থী নিজে পরীক্ষায় অকৃতকার্য হলেও বন্ধুর সফলতায় তাকে অভিনন্দন জানালো। সে একজন-", options: ["নিরপেক্ষ ব্যক্তি", "সৌজন্যপূর্ণ ব্যক্তি", "সহানুভূতিশীল ব্যক্তি", "সৎ ব্যক্তি"], correctAnswer: 1 },
    { id: 98, subject: "সাধারণ জ্ঞান", question: "চট্টগ্রামে শাহাদৎ বরণকারী 'জুলাই শহীদ' হলেন-", options: ["ওয়াসিম আকরাম", "আবু সাঈদ", "মীর মুগ্ধ", "ফারহান ফাইয়াজ"], correctAnswer: 0 },
    { id: 99, subject: "সাধারণ জ্ঞান", question: "সম্পত্তি নিয়ে বিরোধে লিণ্ড আরমান ও সালমান দুই ভাই। ভালো বন্ধু হিসেবে কারও উচিত-", options: ["বিরোধ নিষ্পত্তিতে মধ্যস্থতা করা", "দুর্বলের পক্ষ নেওয়া", "সবলের পক্ষ নেওয়া", "তাদেরকে এড়িয়ে চলা"], correctAnswer: 0 },
    { id: 100, subject: "সাধারণ জ্ঞান", question: "ক্রিকেটার মুশফিকুর রহিম তার শততম টেস্ট ম্যাচে একটি সেঞ্চুরী করেন। তার এই সাফল্যের পিছনে রয়েছে তার-", options: ["ক্রিকেট বিষয়ে জ্ঞান", "দলীয় সহযোগিতা", "কঠোর অনুশীলন", "সহজাত প্রতিভা"], correctAnswer: 2 }
  ];

  const [selectedAnswers, setSelectedAnswers] = useState({});
  const [isSubmitted, setIsSubmitted] = useState(false);
  const [score, setScore] = useState(0);
  const [timeElapsed, setTimeElapsed] = useState(0);
  const [showResult, setShowResult] = useState(false);
  const [showConfirmModal, setShowConfirmModal] = useState(false);

  // Timer logic
  useEffect(() => {
    let timer;
    if (!isSubmitted) {
      timer = setInterval(() => {
        setTimeElapsed(prev => prev + 1);
      }, 1000);
    }
    return () => clearInterval(timer);
  }, [isSubmitted]);

  const formatTime = (seconds) => {
    const mins = Math.floor(seconds / 60);
    const secs = seconds % 60;
    return `${mins.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;
  };

  const handleOptionSelect = (questionIndex, optionIndex) => {
    if (isSubmitted) return;
    setSelectedAnswers(prev => ({
      ...prev,
      [questionIndex]: optionIndex
    }));
  };

  const handleInitialSubmit = () => {
    setShowConfirmModal(true);
  };

  const confirmSubmit = () => {
    setShowConfirmModal(false);
    calculateResult();
    window.scrollTo({ top: 0, behavior: 'smooth' });
  };

  const cancelSubmit = () => {
    setShowConfirmModal(false);
  };

  const calculateResult = () => {
    let correctCount = 0;
    let wrongCount = 0;

    questions.forEach((q, index) => {
      if (selectedAnswers[index] !== undefined) {
        if (selectedAnswers[index] === q.correctAnswer) {
          correctCount++;
        } else {
          wrongCount++;
        }
      }
    });

    const finalScore = (correctCount * 1) - (wrongCount * 0.25);
    setScore(finalScore);
    setIsSubmitted(true);
    setShowResult(true);
  };

  const resetExam = () => {
    if (window.confirm("আপনি কি নতুন করে পরীক্ষা শুরু করতে চান?")) {
      setSelectedAnswers({});
      setIsSubmitted(false);
      setShowResult(false);
      setScore(0);
      setTimeElapsed(0);
      window.scrollTo({ top: 0, behavior: 'smooth' });
    }
  };

  const totalQuestions = questions.length;
  const answeredCount = Object.keys(selectedAnswers).length;

  // Render Result Screen
  if (showResult) {
    const correctCount = questions.filter((q, idx) => selectedAnswers[idx] === q.correctAnswer).length;
    const wrongCount = questions.filter((q, idx) => selectedAnswers[idx] !== undefined && selectedAnswers[idx] !== q.correctAnswer).length;
    const skippedCount = totalQuestions - (correctCount + wrongCount);

    return (
      <div className="min-h-screen bg-gray-50 p-4 font-sans">
        <div className="max-w-4xl mx-auto bg-white rounded-xl shadow-lg overflow-hidden">
          <div className="bg-teal-600 p-8 text-center text-white sticky top-0 z-10 shadow-md">
            <Award className="w-16 h-16 mx-auto mb-2" />
            <h1 className="text-3xl font-bold mb-2">ফলাফল</h1>
            <p className="text-xl opacity-90">মেডিকেল ভর্তি মডেল টেস্ট</p>
          </div>
          
          <div className="p-6">
            <div className="text-center mb-8 bg-teal-50 rounded-xl p-6 border border-teal-100">
              <div className="text-6xl font-bold text-gray-800 mb-2">{score.toFixed(2)}</div>
              <div className="text-xl text-gray-500 mb-4">মোট নম্বর: {totalQuestions}</div>
              <p className="text-gray-600 font-medium bg-white inline-block px-4 py-1 rounded-full border">সময় লেগেছে: {formatTime(timeElapsed)}</p>
            </div>

            <div className="grid grid-cols-3 gap-4 mb-8 text-center">
              <div className="bg-green-50 p-4 rounded-lg border border-green-200">
                <div className="text-green-600 font-bold text-3xl">{correctCount}</div>
                <div className="text-sm text-gray-600 font-medium">সঠিক উত্তর</div>
              </div>
              <div className="bg-red-50 p-4 rounded-lg border border-red-200">
                <div className="text-red-600 font-bold text-3xl">{wrongCount}</div>
                <div className="text-sm text-gray-600 font-medium">ভুল উত্তর</div>
              </div>
              <div className="bg-gray-50 p-4 rounded-lg border border-gray-200">
                <div className="text-gray-600 font-bold text-3xl">{skippedCount}</div>
                <div className="text-sm text-gray-600 font-medium">উত্তর দেওয়া হয়নি</div>
              </div>
            </div>

            <div className="space-y-6">
              <h3 className="text-2xl font-bold text-gray-800 border-b pb-4">উত্তরপত্র বিশ্লেষণ</h3>
              {questions.map((q, idx) => {
                const userAnswer = selectedAnswers[idx];
                const isCorrect = userAnswer === q.correctAnswer;
                const isSkipped = userAnswer === undefined;
                
                return (
                  <div key={q.id} className={`p-5 rounded-xl border-l-4 shadow-sm ${isCorrect ? 'bg-green-50 border-green-500' : isSkipped ? 'bg-white border-gray-300' : 'bg-red-50 border-red-500'}`}>
                    <div className="flex justify-between items-start mb-3">
                      <div className="flex items-center gap-2">
                         <span className="font-bold text-gray-500 text-lg w-8">{q.id}.</span>
                         <span className="text-xs font-bold px-2 py-1 rounded bg-white border text-gray-600">{q.subject}</span>
                      </div>
                      {isCorrect ? <CheckCircle className="text-green-600 w-6 h-6" /> : isSkipped ? <AlertCircle className="text-gray-400 w-6 h-6" /> : <XCircle className="text-red-600 w-6 h-6" />}
                    </div>
                    <p className="font-semibold text-gray-800 mb-4 text-lg ml-10">{q.question}</p>
                    <div className="space-y-2 ml-10">
                      {q.options.map((opt, optIdx) => (
                        <div key={optIdx} className={`text-base p-3 rounded-lg flex items-center border ${
                          optIdx === q.correctAnswer ? 'bg-green-100 border-green-300 text-green-900 font-medium' : 
                          optIdx === userAnswer ? 'bg-red-100 border-red-300 text-red-900' : 'bg-white border-gray-100 text-gray-600'
                        }`}>
                          <span className="w-8 font-medium">{String.fromCharCode(97 + optIdx)})</span>
                          {opt}
                          {optIdx === q.correctAnswer && <span className="ml-auto text-xs font-bold bg-green-200 text-green-800 px-2 py-1 rounded">সঠিক উত্তর</span>}
                          {optIdx === userAnswer && optIdx !== q.correctAnswer && <span className="ml-auto text-xs font-bold bg-red-200 text-red-800 px-2 py-1 rounded">আপনার উত্তর</span>}
                        </div>
                      ))}
                    </div>
                  </div>
                );
              })}
            </div>

            <div className="mt-10 text-center sticky bottom-4">
              <button 
                onClick={resetExam}
                className="bg-teal-600 hover:bg-teal-700 text-white font-bold py-4 px-10 rounded-full shadow-xl transition flex items-center mx-auto gap-2 text-lg transform hover:scale-105"
              >
                <RefreshCcw size={24} />
                আবার পরীক্ষা দিন
              </button>
            </div>
          </div>
        </div>
      </div>
    );
  }

  // Render Quiz Screen
  return (
    <div className="min-h-screen bg-gray-100 font-sans relative">
      
      {/* Sticky Header */}
      <header className="bg-white shadow-md sticky top-0 z-20 border-b border-teal-100">
        <div className="max-w-4xl mx-auto px-4 py-3 flex justify-between items-center">
          <div className="flex items-center gap-3">
            <div className={`p-2 rounded-full flex items-center gap-2 ${timeElapsed > 3000 ? 'bg-red-100 text-red-600' : 'bg-teal-50 text-teal-700'}`}>
              <Clock className="w-5 h-5" />
              <span className="font-mono font-bold text-xl">{formatTime(timeElapsed)}</span>
            </div>
          </div>
          
          <div className="hidden sm:block text-center">
            <h1 className="font-bold text-gray-800 text-lg">মেডিকেল ভর্তি মডেল টেস্ট</h1>
          </div>

          <div className="flex items-center gap-4">
             <div className="text-right hidden sm:block">
                <p className="text-xs text-gray-500 font-medium">উত্তর দেওয়া হয়েছে</p>
                <p className="text-teal-600 font-bold">{answeredCount} / {totalQuestions}</p>
             </div>
             <div className="w-12 h-12 relative flex items-center justify-center">
                <svg className="w-full h-full transform -rotate-90">
                    <circle cx="24" cy="24" r="20" stroke="#e5e7eb" strokeWidth="4" fill="transparent" />
                    <circle cx="24" cy="24" r="20" stroke="#0d9488" strokeWidth="4" fill="transparent" 
                            strokeDasharray={2 * Math.PI * 20} 
                            strokeDashoffset={2 * Math.PI * 20 * (1 - answeredCount / totalQuestions)} 
                            className="transition-all duration-500 ease-out" />
                </svg>
                <span className="absolute text-xs font-bold text-teal-700">{Math.round((answeredCount/totalQuestions)*100)}%</span>
             </div>
          </div>
        </div>
      </header>

      {/* Main Content - List View */}
      <main className="max-w-4xl mx-auto p-4 pb-32">
        <div className="space-y-6">
          {questions.map((q, index) => (
            <div key={q.id} id={`q-${index}`} className="bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden hover:shadow-md transition-shadow duration-200">
              <div className="bg-gray-50 px-6 py-3 border-b border-gray-100 flex justify-between items-center">
                 <div className="flex items-center gap-3">
                    <span className="bg-teal-600 text-white font-bold rounded-lg w-8 h-8 flex items-center justify-center text-sm">{q.id}</span>
                    <span className="text-xs font-bold text-teal-700 uppercase tracking-wider bg-teal-50 px-2 py-1 rounded border border-teal-100">{q.subject}</span>
                 </div>
                 {selectedAnswers[index] !== undefined && (
                   <span className="text-xs font-bold text-white bg-green-500 px-2 py-0.5 rounded-full flex items-center gap-1">
                     <CheckCircle size={12} /> উত্তর দেওয়া হয়েছে
                   </span>
                 )}
              </div>
              
              <div className="p-6">
                <h2 className="text-lg font-medium text-gray-800 mb-5 leading-relaxed">
                  {q.question}
                </h2>

                <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
                  {q.options.map((option, optIdx) => (
                    <label 
                      key={optIdx} 
                      className={`flex items-center p-3 border-2 rounded-lg cursor-pointer transition-all active:scale-[0.99] ${
                        selectedAnswers[index] === optIdx 
                          ? 'border-teal-500 bg-teal-50 shadow-sm' 
                          : 'border-gray-200 hover:bg-gray-50 hover:border-gray-300'
                      }`}
                      onClick={() => handleOptionSelect(index, optIdx)}
                    >
                      <div className={`w-5 h-5 rounded-full border-2 mr-3 flex-shrink-0 flex items-center justify-center transition-colors ${
                        selectedAnswers[index] === optIdx 
                          ? 'border-teal-500 bg-teal-500' 
                          : 'border-gray-300'
                      }`}>
                        {selectedAnswers[index] === optIdx && <div className="w-2 h-2 bg-white rounded-full"></div>}
                      </div>
                      <div className="flex-1">
                        <span className="font-semibold text-gray-500 mr-2">{String.fromCharCode(97 + optIdx)})</span>
                        <span className="text-gray-700 text-sm md:text-base">{option}</span>
                      </div>
                    </label>
                  ))}
                </div>
              </div>
            </div>
          ))}
        </div>
      </main>

      {/* Floating Submit Footer */}
      <div className="fixed bottom-0 left-0 right-0 bg-white border-t border-gray-200 shadow-[0_-4px_6px_-1px_rgba(0,0,0,0.1)] p-4 z-20">
         <div className="max-w-4xl mx-auto flex justify-between items-center">
            <div className="hidden sm:block">
               <span className="text-gray-500 text-sm">অবশিষ্ট প্রশ্ন: </span>
               <span className="font-bold text-red-500 text-lg ml-1">{totalQuestions - answeredCount}</span>
            </div>
            <button 
              onClick={handleInitialSubmit}
              className="w-full sm:w-auto bg-gradient-to-r from-teal-600 to-teal-500 hover:from-teal-700 hover:to-teal-600 text-white font-bold py-3 px-8 rounded-xl shadow-lg transform transition active:scale-95 flex items-center justify-center gap-2"
            >
              পরীক্ষা শেষ করুন <CheckCircle size={20} />
            </button>
         </div>
      </div>

      {/* Custom Confirmation Modal */}
      {showConfirmModal && (
        <div className="fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center p-4 backdrop-blur-sm animate-in fade-in duration-200">
          <div className="bg-white rounded-2xl shadow-2xl p-6 max-w-sm w-full transform scale-100 transition-transform">
            <div className="text-center mb-6">
              <div className="bg-yellow-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
                <AlertTriangle className="text-yellow-600 w-8 h-8" />
              </div>
              <h3 className="text-xl font-bold text-gray-800 mb-2">আপনি কি নিশ্চিত?</h3>
              <p className="text-gray-600">আপনি মোট <span className="font-bold text-teal-600">{answeredCount}</span> টি প্রশ্নের উত্তর দিয়েছেন। <span className="font-bold text-red-500">{totalQuestions - answeredCount}</span> টি প্রশ্ন বাকি আছে।</p>
            </div>
            <div className="flex gap-3">
              <button 
                onClick={cancelSubmit}
                className="flex-1 py-3 px-4 rounded-xl border border-gray-300 text-gray-700 font-semibold hover:bg-gray-50 transition"
              >
                ফিরে যান
              </button>
              <button 
                onClick={confirmSubmit}
                className="flex-1 py-3 px-4 rounded-xl bg-teal-600 text-white font-semibold hover:bg-teal-700 shadow-lg transition"
              >
                জমা দিন
              </button>
            </div>
          </div>
        </div>
      )}

    </div>
  );
};

export default MedicalExamApp;