learning-path.js

// Learning Path page - AI-curated resources and courses

// HTML escape function to prevent XSS
function escapeHtml(text) {
    const div = document.createElement('div');
    div.textContent = text;
    return div.innerHTML;
}

// Comprehensive learning resources database
const learningResources = {
    'Technology & Programming': {
        title: 'Software Development & Programming',
        youtubeVideos: [
            { title: 'Complete Web Development Roadmap 2024', channel: 'freeCodeCamp', duration: '12:45:30', url: 'https://www.youtube.com/watch?v=example1', thumbnail: '💻' },
            { title: 'Python for Beginners - Full Course', channel: 'Programming with Mosh', duration: '6:14:00', url: 'https://www.youtube.com/watch?v=example2', thumbnail: '🐍' },
            { title: 'JavaScript Crash Course For Beginners', channel: 'Traversy Media', duration: '1:40:25', url: 'https://www.youtube.com/watch?v=example3', thumbnail: '⚡' },
            { title: 'Data Structures and Algorithms', channel: 'CS Dojo', duration: '5:30:00', url: 'https://www.youtube.com/watch?v=example4', thumbnail: '📊' }
        ],
        courses: [
            { 
                name: 'The Complete Web Developer Bootcamp', 
                platform: 'Udemy', 
                cost: 'free-alternative',
                price: 0,
                actualPrice: 89.99,
                link: 'https://www.freecodecamp.org/learn',
                alternative: true,
                description: 'Free alternative: freeCodeCamp offers the same comprehensive curriculum at zero cost',
                rating: 4.9,
                students: '1M+'
            },
            { 
                name: 'CS50 Introduction to Computer Science', 
                platform: 'Harvard/edX', 
                cost: 'free',
                price: 0,
                link: 'https://www.edx.org/course/cs50',
                description: 'World-class computer science fundamentals from Harvard, completely free',
                rating: 4.9,
                students: '3M+'
            },
            { 
                name: 'The Odin Project - Full Stack JavaScript', 
                platform: 'The Odin Project', 
                cost: 'free',
                price: 0,
                link: 'https://www.theodinproject.com',
                description: 'Completely free, project-based full-stack development curriculum',
                rating: 4.8,
                students: '500K+'
            },
            { 
                name: 'Python for Everybody Specialization', 
                platform: 'Coursera', 
                cost: 'free',
                price: 0,
                link: 'https://www.coursera.org/specializations/python',
                description: 'Free audit available - University of Michigan\'s complete Python course',
                rating: 4.8,
                students: '2M+'
            },
            { 
                name: 'Meta Front-End Developer Certificate', 
                platform: 'Coursera', 
                cost: 'low-cost',
                price: 39,
                link: 'https://www.coursera.org/professional-certificates/meta-front-end-developer',
                description: 'Industry-recognized certificate from Meta (Facebook)',
                rating: 4.7,
                students: '100K+'
            }
        ],
        additionalResources: [
            { name: 'MDN Web Docs', type: 'Documentation', link: 'https://developer.mozilla.org', cost: 'Free' },
            { name: 'Stack Overflow', type: 'Community', link: 'https://stackoverflow.com', cost: 'Free' },
            { name: 'GitHub Student Pack', type: 'Tools & Resources', link: 'https://education.github.com/pack', cost: 'Free for students' },
            { name: 'LeetCode Free Problems', type: 'Practice Platform', link: 'https://leetcode.com', cost: 'Free tier available' }
        ],
        timeline: [
            { phase: 'Month 1-2', focus: 'Programming Fundamentals', tasks: ['Learn HTML, CSS, JavaScript basics', 'Complete CS50 or freeCodeCamp intro', 'Build 3 simple projects'] },
            { phase: 'Month 3-4', focus: 'Deep Dive into One Language', tasks: ['Master Python or JavaScript', 'Learn Git and version control', 'Contribute to open source'] },
            { phase: 'Month 5-6', focus: 'Frameworks & Tools', tasks: ['Learn React or Django', 'Build full-stack applications', 'Create portfolio website'] },
            { phase: 'Month 7+', focus: 'Specialization & Job Prep', tasks: ['Choose specialization (frontend/backend/fullstack)', 'Practice algorithms on LeetCode', 'Apply for internships'] }
        ]
    },
    'Business & Entrepreneurship': {
        title: 'Business Strategy & Entrepreneurship',
        youtubeVideos: [
            { title: 'How to Start a Business - Complete Guide', channel: 'Think Media', duration: '45:30', url: 'https://www.youtube.com/watch?v=example5', thumbnail: '🚀' },
            { title: 'Business Model Canvas Explained', channel: 'Strategyzer', duration: '15:20', url: 'https://www.youtube.com/watch?v=example6', thumbnail: '📈' },
            { title: 'Marketing Fundamentals for Entrepreneurs', channel: 'GaryVee', duration: '1:20:15', url: 'https://www.youtube.com/watch?v=example7', thumbnail: '📢' },
            { title: 'Financial Literacy for Business Owners', channel: 'Graham Stephan', duration: '30:45', url: 'https://www.youtube.com/watch?v=example8', thumbnail: '💰' }
        ],
        courses: [
            { 
                name: 'Entrepreneurship Specialization', 
                platform: 'Coursera', 
                cost: 'free',
                price: 0,
                link: 'https://www.coursera.org/specializations/wharton-entrepreneurship',
                description: 'Free audit - University of Pennsylvania Wharton School',
                rating: 4.7,
                students: '500K+'
            },
            { 
                name: 'Google Digital Marketing & E-commerce', 
                platform: 'Coursera', 
                cost: 'free',
                price: 0,
                link: 'https://www.coursera.org/professional-certificates/google-digital-marketing-ecommerce',
                description: '7-day free trial, financial aid available',
                rating: 4.8,
                students: '200K+'
            },
            { 
                name: 'HubSpot Academy - Inbound Marketing', 
                platform: 'HubSpot', 
                cost: 'free',
                price: 0,
                link: 'https://academy.hubspot.com',
                description: 'Free certification courses on marketing, sales, and business',
                rating: 4.6,
                students: '1M+'
            },
            { 
                name: 'Y Combinator Startup School', 
                platform: 'Y Combinator', 
                cost: 'free',
                price: 0,
                link: 'https://www.startupschool.org',
                description: 'Free startup education from the world\'s best accelerator',
                rating: 4.8,
                students: '300K+'
            },
            { 
                name: 'Business Strategy from Wharton', 
                platform: 'Coursera', 
                cost: 'low-cost',
                price: 49,
                link: 'https://www.coursera.org/specializations/business-strategy',
                description: 'Complete strategy specialization with certificate',
                rating: 4.7,
                students: '150K+'
            }
        ],
        additionalResources: [
            { name: 'Small Business Administration (SBA)', type: 'Government Resource', link: 'https://www.sba.gov', cost: 'Free' },
            { name: 'SCORE Business Mentoring', type: 'Free Mentorship', link: 'https://www.score.org', cost: 'Free' },
            { name: 'Canva for Entrepreneurs', type: 'Design Tool', link: 'https://www.canva.com', cost: 'Free tier' },
            { name: 'Lean Canvas Template', type: 'Planning Tool', link: 'https://leanstack.com', cost: 'Free' }
        ],
        timeline: [
            { phase: 'Month 1-2', focus: 'Business Fundamentals', tasks: ['Complete entrepreneurship course', 'Learn business model canvas', 'Identify market opportunities'] },
            { phase: 'Month 3-4', focus: 'Market Research & Planning', tasks: ['Conduct customer interviews', 'Analyze competitors', 'Create business plan'] },
            { phase: 'Month 5-6', focus: 'Launch & Marketing', tasks: ['Build MVP or service offering', 'Learn digital marketing', 'Acquire first customers'] },
            { phase: 'Month 7+', focus: 'Scale & Operations', tasks: ['Optimize business model', 'Build systems and processes', 'Focus on profitability'] }
        ]
    },
    'Creative Arts & Design': {
        title: 'Creative Design & Media',
        youtubeVideos: [
            { title: 'Graphic Design Full Course', channel: 'Flux Academy', duration: '3:45:20', url: 'https://www.youtube.com/watch?v=example9', thumbnail: '🎨' },
            { title: 'UI/UX Design Tutorial for Beginners', channel: 'DesignCourse', duration: '2:15:30', url: 'https://www.youtube.com/watch?v=example10', thumbnail: '📱' },
            { title: 'Adobe Photoshop Masterclass', channel: 'Envato Tuts+', duration: '4:30:15', url: 'https://www.youtube.com/watch?v=example11', thumbnail: '🖼️' },
            { title: 'Portfolio Design for Creatives', channel: 'The Futur', duration: '1:10:45', url: 'https://www.youtube.com/watch?v=example12', thumbnail: '💼' }
        ],
        courses: [
            { 
                name: 'Google UX Design Certificate', 
                platform: 'Coursera', 
                cost: 'low-cost',
                price: 39,
                link: 'https://www.coursera.org/professional-certificates/google-ux-design',
                description: 'Industry-recognized certificate, 7-day free trial available',
                rating: 4.8,
                students: '500K+'
            },
            { 
                name: 'Learn UI Design Fundamentals', 
                platform: 'Scrimba', 
                cost: 'free',
                price: 0,
                link: 'https://scrimba.com/learn/design',
                description: 'Free interactive course on UI design principles',
                rating: 4.7,
                students: '100K+'
            },
            { 
                name: 'Graphic Design Specialization', 
                platform: 'Coursera/CalArts', 
                cost: 'free',
                price: 0,
                link: 'https://www.coursera.org/specializations/graphic-design',
                description: 'Free audit available from California Institute of the Arts',
                rating: 4.6,
                students: '300K+'
            },
            { 
                name: 'Figma Free Tutorial Series', 
                platform: 'Figma', 
                cost: 'free',
                price: 0,
                link: 'https://www.figma.com/resources/learn-design/',
                description: 'Official free tutorials from Figma',
                rating: 4.8,
                students: '200K+'
            },
            { 
                name: 'Adobe Creative Cloud All Apps', 
                platform: 'Adobe', 
                cost: 'premium',
                price: 54.99,
                link: 'https://www.adobe.com/creativecloud.html',
                description: 'Industry standard tools (Students get 60% off)',
                rating: 4.5,
                students: '10M+'
            }
        ],
        additionalResources: [
            { name: 'Behance', type: 'Portfolio Platform', link: 'https://www.behance.net', cost: 'Free' },
            { name: 'Dribbble', type: 'Design Community', link: 'https://dribbble.com', cost: 'Free tier' },
            { name: 'Figma', type: 'Design Tool', link: 'https://www.figma.com', cost: 'Free for individuals' },
            { name: 'Unsplash', type: 'Free Stock Photos', link: 'https://unsplash.com', cost: 'Free' }
        ],
        timeline: [
            { phase: 'Month 1-2', focus: 'Design Fundamentals', tasks: ['Learn design principles', 'Master one design tool (Figma/Adobe)', 'Study color theory and typography'] },
            { phase: 'Month 3-4', focus: 'Skill Specialization', tasks: ['Choose focus (UI/UX, graphic, illustration)', 'Complete relevant course', 'Study top designers\' work'] },
            { phase: 'Month 5-6', focus: 'Portfolio Building', tasks: ['Create 5-7 portfolio pieces', 'Get feedback from professionals', 'Build portfolio website'] },
            { phase: 'Month 7+', focus: 'Professional Practice', tasks: ['Take on freelance projects', 'Network on Behance/Dribbble', 'Apply for design positions'] }
        ]
    },
    'Science & Research': {
        title: 'Research & Scientific Careers',
        youtubeVideos: [
            { title: 'Introduction to Research Methods', channel: 'Crash Course', duration: '2:30:15', url: 'https://www.youtube.com/watch?v=example13', thumbnail: '🔬' },
            { title: 'Data Analysis with Python', channel: 'Keith Galli', duration: '4:15:20', url: 'https://www.youtube.com/watch?v=example14', thumbnail: '📊' },
            { title: 'Scientific Writing Masterclass', channel: 'Nature', duration: '1:45:30', url: 'https://www.youtube.com/watch?v=example15', thumbnail: '📝' },
            { title: 'Lab Techniques and Best Practices', channel: 'iBiology', duration: '3:20:00', url: 'https://www.youtube.com/watch?v=example16', thumbnail: '⚗️' }
        ],
        courses: [
            { 
                name: 'Data Science Specialization', 
                platform: 'Coursera/Johns Hopkins', 
                cost: 'free',
                price: 0,
                link: 'https://www.coursera.org/specializations/jhu-data-science',
                description: 'Free audit from Johns Hopkins University',
                rating: 4.6,
                students: '1M+'
            },
            { 
                name: 'Introduction to Biology - The Secret of Life', 
                platform: 'MIT OpenCourseWare', 
                cost: 'free',
                price: 0,
                link: 'https://ocw.mit.edu/courses/biology',
                description: 'Free MIT course materials',
                rating: 4.8,
                students: '500K+'
            },
            { 
                name: 'R Programming for Research', 
                platform: 'Coursera', 
                cost: 'free',
                price: 0,
                link: 'https://www.coursera.org/learn/r-programming',
                description: 'Free audit available',
                rating: 4.5,
                students: '800K+'
            },
            { 
                name: 'Khan Academy Science Courses', 
                platform: 'Khan Academy', 
                cost: 'free',
                price: 0,
                link: 'https://www.khanacademy.org/science',
                description: 'Comprehensive free science education',
                rating: 4.9,
                students: '5M+'
            },
            { 
                name: 'Scientific Research Methods', 
                platform: 'Udemy', 
                cost: 'low-cost',
                price: 19.99,
                link: 'https://www.udemy.com/topic/research-methods/',
                description: 'Often on sale for $10-15',
                rating: 4.4,
                students: '50K+'
            }
        ],
        additionalResources: [
            { name: 'PubMed', type: 'Research Database', link: 'https://pubmed.ncbi.nlm.nih.gov', cost: 'Free' },
            { name: 'Google Scholar', type: 'Academic Search', link: 'https://scholar.google.com', cost: 'Free' },
            { name: 'ResearchGate', type: 'Research Network', link: 'https://www.researchgate.net', cost: 'Free' },
            { name: 'Mendeley', type: 'Reference Manager', link: 'https://www.mendeley.com', cost: 'Free' }
        ],
        timeline: [
            { phase: 'Month 1-2', focus: 'Research Fundamentals', tasks: ['Learn research methodology', 'Study statistics and data analysis', 'Read scientific papers in your field'] },
            { phase: 'Month 3-4', focus: 'Technical Skills', tasks: ['Master relevant software (R, Python, MATLAB)', 'Learn laboratory techniques', 'Take specialized courses'] },
            { phase: 'Month 5-6', focus: 'Research Experience', tasks: ['Join research lab or project', 'Start literature review', 'Learn scientific writing'] },
            { phase: 'Month 7+', focus: 'Publication & Career', tasks: ['Work on research project', 'Present at conferences', 'Apply for research positions/grad school'] }
        ]
    },
    'Healthcare & Medicine': {
        title: 'Healthcare Professional',
        youtubeVideos: [
            { title: 'Introduction to Anatomy and Physiology', channel: 'Crash Course', duration: '5:15:30', url: 'https://www.youtube.com/watch?v=example17', thumbnail: '🏥' },
            { title: 'Medical School Prerequisites Guide', channel: 'Med School Insiders', duration: '45:20', url: 'https://www.youtube.com/watch?v=example18', thumbnail: '⚕️' },
            { title: 'Nursing School Fundamentals', channel: 'RegisteredNurseRN', duration: '3:30:15', url: 'https://www.youtube.com/watch?v=example19', thumbnail: '💉' },
            { title: 'Healthcare Career Paths', channel: 'Kharma Medic', duration: '30:45', url: 'https://www.youtube.com/watch?v=example20', thumbnail: '🩺' }
        ],
        courses: [
            { 
                name: 'Anatomy & Physiology Specialization', 
                platform: 'Coursera/University of Michigan', 
                cost: 'free',
                price: 0,
                link: 'https://www.coursera.org/specializations/anatomy',
                description: 'Free audit available',
                rating: 4.8,
                students: '300K+'
            },
            { 
                name: 'Khan Academy MCAT Prep', 
                platform: 'Khan Academy', 
                cost: 'free',
                price: 0,
                link: 'https://www.khanacademy.org/test-prep/mcat',
                description: 'Completely free MCAT preparation',
                rating: 4.9,
                students: '500K+'
            },
            { 
                name: 'Introduction to Healthcare', 
                platform: 'edX/Stanford', 
                cost: 'free',
                price: 0,
                link: 'https://www.edx.org/learn/healthcare',
                description: 'Free audit from Stanford',
                rating: 4.7,
                students: '200K+'
            },
            { 
                name: 'Medical Terminology', 
                platform: 'Coursera/University of Pittsburgh', 
                cost: 'free',
                price: 0,
                link: 'https://www.coursera.org/learn/healthcare-terminology',
                description: 'Free course on medical terminology',
                rating: 4.6,
                students: '150K+'
            },
            { 
                name: 'CNA/EMT Certification Prep', 
                platform: 'Various Community Colleges', 
                cost: 'low-cost',
                price: 500,
                link: 'https://www.redcross.org/take-a-class',
                description: 'Entry-level healthcare certifications ($200-800)',
                rating: 4.5,
                students: '100K+'
            }
        ],
        additionalResources: [
            { name: 'WebMD Health Academy', type: 'Education Platform', link: 'https://www.webmd.com', cost: 'Free resources' },
            { name: 'AAMC Pre-Med Resources', type: 'Medical School Prep', link: 'https://students-residents.aamc.org', cost: 'Free' },
            { name: 'Medscape', type: 'Medical News & CME', link: 'https://www.medscape.com', cost: 'Free' },
            { name: 'Osmosis Medical Education', type: 'Study Platform', link: 'https://www.osmosis.org', cost: 'Free trial' }
        ],
        timeline: [
            { phase: 'Year 1', focus: 'Prerequisites & Foundation', tasks: ['Complete pre-med requirements', 'Study anatomy and physiology', 'Get healthcare volunteer experience'] },
            { phase: 'Year 2', focus: 'Testing & Applications', tasks: ['Prepare for entrance exams (MCAT/DAT/etc)', 'Shadow healthcare professionals', 'Build strong academic record'] },
            { phase: 'Year 3', focus: 'Certifications & Experience', tasks: ['Get CNA/EMT certification', 'Work in healthcare setting', 'Apply to programs'] },
            { phase: 'Year 4+', focus: 'Professional Education', tasks: ['Attend professional school', 'Clinical rotations', 'Licensing exams'] }
        ]
    },
    'Finance & Accounting': {
        title: 'Finance & Accounting',
        youtubeVideos: [
            { title: 'Accounting Basics Explained', channel: 'Accounting Stuff', duration: '2:15:30', url: 'https://www.youtube.com/watch?v=example21', thumbnail: '💰' },
            { title: 'Financial Analysis Course', channel: 'Corporate Finance Institute', duration: '3:45:20', url: 'https://www.youtube.com/watch?v=example22', thumbnail: '📊' },
            { title: 'Excel for Finance Professionals', channel: 'MyOnlineTrainingHub', duration: '4:30:00', url: 'https://www.youtube.com/watch?v=example23', thumbnail: '📈' },
            { title: 'Investment Banking Explained', channel: 'The Street', duration: '45:15', url: 'https://www.youtube.com/watch?v=example24', thumbnail: '🏦' }
        ],
        courses: [
            { 
                name: 'Financial Markets by Yale', 
                platform: 'Coursera', 
                cost: 'free',
                price: 0,
                link: 'https://www.coursera.org/learn/financial-markets-global',
                description: 'Free course by Nobel Prize winner Robert Shiller',
                rating: 4.8,
                students: '500K+'
            },
            { 
                name: 'Corporate Finance Institute (CFI) Free Courses', 
                platform: 'CFI', 
                cost: 'free',
                price: 0,
                link: 'https://corporatefinanceinstitute.com/resources/knowledge/finance/',
                description: 'Free finance and accounting resources',
                rating: 4.7,
                students: '1M+'
            },
            { 
                name: 'Introduction to Accounting', 
                platform: 'Coursera/Wharton', 
                cost: 'free',
                price: 0,
                link: 'https://www.coursera.org/specializations/accounting-fundamentals',
                description: 'Free audit from Wharton School',
                rating: 4.6,
                students: '300K+'
            },
            { 
                name: 'Excel Skills for Business Specialization', 
                platform: 'Coursera/Macquarie', 
                cost: 'free',
                price: 0,
                link: 'https://www.coursera.org/specializations/excel',
                description: 'Free audit available',
                rating: 4.8,
                students: '700K+'
            },
            { 
                name: 'CFA Level 1 Prep', 
                platform: 'Kaplan Schweser', 
                cost: 'premium',
                price: 799,
                link: 'https://www.schweser.com',
                description: 'Professional certification prep (exam $1000+)',
                rating: 4.5,
                students: '50K+'
            }
        ],
        additionalResources: [
            { name: 'Investopedia', type: 'Learning Platform', link: 'https://www.investopedia.com', cost: 'Free' },
            { name: 'Wall Street Prep Free Resources', type: 'Financial Modeling', link: 'https://www.wallstreetprep.com/knowledge/', cost: 'Free resources' },
            { name: 'QuickBooks Free Trial', type: 'Accounting Software', link: 'https://quickbooks.intuit.com', cost: '30-day free trial' },
            { name: 'Bloomberg Market Data', type: 'Financial News', link: 'https://www.bloomberg.com', cost: 'Free articles' }
        ],
        timeline: [
            { phase: 'Month 1-2', focus: 'Accounting Fundamentals', tasks: ['Learn basic accounting principles', 'Master Excel basics', 'Study financial statements'] },
            { phase: 'Month 3-4', focus: 'Finance Concepts', tasks: ['Complete financial markets course', 'Learn financial analysis', 'Study corporate finance'] },
            { phase: 'Month 5-6', focus: 'Advanced Skills', tasks: ['Learn financial modeling', 'Master advanced Excel', 'Take CFA/CPA prep courses'] },
            { phase: 'Month 7+', focus: 'Certification & Career', tasks: ['Prepare for CPA/CFA exam', 'Build finance projects portfolio', 'Apply for finance roles'] }
        ]
    },
    'Marketing & Sales': {
        title: 'Marketing & Sales',
        youtubeVideos: [
            { title: 'Digital Marketing Full Course', channel: 'Simplilearn', duration: '8:45:30', url: 'https://www.youtube.com/watch?v=example25', thumbnail: '📱' },
            { title: 'Sales Techniques & Strategies', channel: 'Grant Cardone', duration: '2:15:45', url: 'https://www.youtube.com/watch?v=example26', thumbnail: '🎯' },
            { title: 'Social Media Marketing Masterclass', channel: 'HubSpot', duration: '3:30:00', url: 'https://www.youtube.com/watch?v=example27', thumbnail: '📲' },
            { title: 'SEO Tutorial for Beginners', channel: 'Ahrefs', duration: '1:45:20', url: 'https://www.youtube.com/watch?v=example28', thumbnail: '🔍' }
        ],
        courses: [
            { 
                name: 'Google Digital Marketing Certificate', 
                platform: 'Coursera', 
                cost: 'low-cost',
                price: 39,
                link: 'https://www.coursera.org/professional-certificates/google-digital-marketing-ecommerce',
                description: '7-day free trial, industry-recognized certificate',
                rating: 4.8,
                students: '300K+'
            },
            { 
                name: 'HubSpot Academy Free Certifications', 
                platform: 'HubSpot', 
                cost: 'free',
                price: 0,
                link: 'https://academy.hubspot.com/courses',
                description: 'Completely free marketing certifications',
                rating: 4.7,
                students: '1M+'
            },
            { 
                name: 'Facebook Blueprint Certification', 
                platform: 'Meta', 
                cost: 'free',
                price: 0,
                link: 'https://www.facebook.com/business/learn',
                description: 'Free training on Facebook/Instagram marketing',
                rating: 4.6,
                students: '500K+'
            },
            { 
                name: 'Google Analytics Academy', 
                platform: 'Google', 
                cost: 'free',
                price: 0,
                link: 'https://analytics.google.com/analytics/academy/',
                description: 'Free Google Analytics certification',
                rating: 4.8,
                students: '2M+'
            },
            { 
                name: 'Marketing Strategy Specialization', 
                platform: 'Coursera/Wharton', 
                cost: 'low-cost',
                price: 49,
                link: 'https://www.coursera.org/specializations/marketing-strategy',
                description: 'Professional certificate from Wharton',
                rating: 4.7,
                students: '200K+'
            }
        ],
        additionalResources: [
            { name: 'Neil Patel Blog', type: 'Marketing Blog', link: 'https://neilpatel.com/blog/', cost: 'Free' },
            { name: 'Moz SEO Learning Center', type: 'SEO Education', link: 'https://moz.com/learn/seo', cost: 'Free' },
            { name: 'Canva for Marketing', type: 'Design Tool', link: 'https://www.canva.com', cost: 'Free tier' },
            { name: 'Mailchimp Free Plan', type: 'Email Marketing', link: 'https://mailchimp.com', cost: 'Free up to 500 subscribers' }
        ],
        timeline: [
            { phase: 'Month 1-2', focus: 'Marketing Fundamentals', tasks: ['Complete digital marketing basics', 'Learn social media marketing', 'Get HubSpot certifications'] },
            { phase: 'Month 3-4', focus: 'Specialized Skills', tasks: ['Master Google Ads & Analytics', 'Learn SEO and content marketing', 'Study email marketing'] },
            { phase: 'Month 5-6', focus: 'Practical Application', tasks: ['Run marketing campaigns', 'Build marketing portfolio', 'Analyze campaign data'] },
            { phase: 'Month 7+', focus: 'Advanced & Career', tasks: ['Learn marketing automation', 'Get industry certifications', 'Apply for marketing roles'] }
        ]
    },
    'Engineering & Construction': {
        title: 'Engineering',
        youtubeVideos: [
            { title: 'Introduction to Engineering', channel: 'Engineer4Free', duration: '4:30:15', url: 'https://www.youtube.com/watch?v=example29', thumbnail: '⚙️' },
            { title: 'AutoCAD Complete Tutorial', channel: 'CAD CAM Tutorial', duration: '6:15:30', url: 'https://www.youtube.com/watch?v=example30', thumbnail: '📐' },
            { title: 'Mechanical Engineering Fundamentals', channel: 'EngineeringExplained', duration: '3:45:00', url: 'https://www.youtube.com/watch?v=example31', thumbnail: '🔧' },
            { title: 'Civil Engineering Basics', channel: 'CE Projects', duration: '2:30:20', url: 'https://www.youtube.com/watch?v=example32', thumbnail: '🏗️' }
        ],
        courses: [
            { 
                name: 'MIT OpenCourseWare Engineering', 
                platform: 'MIT', 
                cost: 'free',
                price: 0,
                link: 'https://ocw.mit.edu/courses/engineering/',
                description: 'Free MIT engineering courses and materials',
                rating: 4.9,
                students: '1M+'
            },
            { 
                name: 'Introduction to Engineering Mechanics', 
                platform: 'Coursera/Georgia Tech', 
                cost: 'free',
                price: 0,
                link: 'https://www.coursera.org/learn/engineering-mechanics',
                description: 'Free audit available',
                rating: 4.6,
                students: '200K+'
            },
            { 
                name: 'AutoCAD Free Tutorials', 
                platform: 'Autodesk', 
                cost: 'free',
                price: 0,
                link: 'https://www.autodesk.com/support/technical/article/',
                description: 'Official free tutorials from Autodesk',
                rating: 4.5,
                students: '500K+'
            },
            { 
                name: 'Khan Academy Physics & Engineering', 
                platform: 'Khan Academy', 
                cost: 'free',
                price: 0,
                link: 'https://www.khanacademy.org/science/physics',
                description: 'Free comprehensive physics and engineering concepts',
                rating: 4.8,
                students: '3M+'
            },
            { 
                name: 'FE/PE Exam Prep', 
                platform: 'Various Providers', 
                cost: 'premium',
                price: 499,
                link: 'https://www.eng-tips.com',
                description: 'Professional engineering license exam prep',
                rating: 4.4,
                students: '50K+'
            }
        ],
        additionalResources: [
            { name: 'Engineering Toolbox', type: 'Reference Resource', link: 'https://www.engineeringtoolbox.com', cost: 'Free' },
            { name: 'GrabCAD', type: 'CAD Models Library', link: 'https://grabcad.com', cost: 'Free' },
            { name: 'Fusion 360 for Students', type: 'CAD Software', link: 'https://www.autodesk.com/education', cost: 'Free for students' },
            { name: 'ASCE Student Membership', type: 'Professional Organization', link: 'https://www.asce.org', cost: '$30/year' }
        ],
        timeline: [
            { phase: 'Month 1-2', focus: 'Engineering Fundamentals', tasks: ['Study physics and mathematics', 'Learn engineering drawing', 'Complete intro courses'] },
            { phase: 'Month 3-4', focus: 'CAD & Technical Skills', tasks: ['Master AutoCAD or SolidWorks', 'Learn material science', 'Study your specialization'] },
            { phase: 'Month 5-6', focus: 'Project Work', tasks: ['Work on engineering projects', 'Join engineering clubs/competitions', 'Build technical portfolio'] },
            { phase: 'Month 7+', focus: 'Certification & Career', tasks: ['Prepare for FE exam', 'Gain internship experience', 'Apply for engineering positions'] }
        ]
    }
};

let currentFilter = 'all';

document.addEventListener('DOMContentLoaded', function() {
    const answers = JSON.parse(localStorage.getItem('careerPathAnswers'));
    
    if (!answers) {
        window.location.href = 'questionnaire.html';
        return;
    }

    const interests = answers.interests || [];
    
    // Load content for each interest
    if (interests.length > 0) {
        loadCareerFocus(interests);
        loadTimeline(interests[0]); // Load timeline for primary interest
        loadYouTubeVideos(interests);
        loadCourses(interests);
        loadAdditionalResources(interests);
    } else {
        document.getElementById('careerFocusContent').innerHTML = '<p>Please complete the questionnaire to get personalized recommendations.</p>';
    }
});

function loadCareerFocus(interests) {
    const content = document.getElementById('careerFocusContent');
    let html = '<div class="focus-cards">';
    
    interests.forEach(interest => {
        if (learningResources[interest]) {
            html += `<div class="focus-card">`;
            html += `<h3>${learningResources[interest].title}</h3>`;
            html += `<p>Curated learning path with ${learningResources[interest].youtubeVideos.length} video tutorials and ${learningResources[interest].courses.length} recommended courses</p>`;
            html += `</div>`;
        }
    });
    
    html += '</div>';
    content.innerHTML = html;
}

function loadTimeline(primaryInterest) {
    const content = document.getElementById('timelineContent');
    const resource = learningResources[primaryInterest];
    
    if (!resource || !resource.timeline) {
        content.innerHTML = '<p>No timeline available</p>';
        return;
    }
    
    let html = '<div class="timeline">';
    
    resource.timeline.forEach((phase, index) => {
        html += `<div class="timeline-item">`;
        html += `<div class="timeline-marker">${index + 1}</div>`;
        html += `<div class="timeline-content">`;
        html += `<h3>${escapeHtml(phase.phase)}: ${escapeHtml(phase.focus)}</h3>`;
        html += `<ul>`;
        phase.tasks.forEach(task => {
            html += `<li>${escapeHtml(task)}</li>`;
        });
        html += `</ul>`;
        html += `</div>`;
        html += `</div>`;
    });
    
    html += '</div>';
    content.innerHTML = html;
}

function loadYouTubeVideos(interests) {
    const container = document.getElementById('youtubeVideos');
    let allVideos = [];
    
    interests.forEach(interest => {
        if (learningResources[interest]) {
            allVideos = allVideos.concat(learningResources[interest].youtubeVideos);
        }
    });
    
    let html = '';
    allVideos.slice(0, 8).forEach(video => { // Limit to 8 videos
        html += `<div class="resource-card video-card">`;
        html += `<div class="video-thumbnail">${video.thumbnail}</div>`;
        html += `<div class="resource-info">`;
        html += `<h4>${escapeHtml(video.title)}</h4>`;
        html += `<p class="resource-meta">📺 ${escapeHtml(video.channel)} • ⏱️ ${escapeHtml(video.duration)}</p>`;
        html += `<a href="${escapeHtml(video.url)}" target="_blank" class="btn btn-sm btn-primary">Watch on YouTube</a>`;
        html += `</div>`;
        html += `</div>`;
    });
    
    container.innerHTML = html;
}

function loadCourses(interests) {
    const container = document.getElementById('coursesGrid');
    let allCourses = [];
    
    interests.forEach(interest => {
        if (learningResources[interest]) {
            allCourses = allCourses.concat(learningResources[interest].courses);
        }
    });
    
    // Sort courses: free first, then low-cost, then premium
    allCourses.sort((a, b) => {
        const costOrder = { 'free': 0, 'free-alternative': 1, 'low-cost': 2, 'premium': 3 };
        return costOrder[a.cost] - costOrder[b.cost];
    });
    
    renderCourses(allCourses);
}

function renderCourses(courses) {
    const container = document.getElementById('coursesGrid');
    let html = '';
    
    courses.forEach(course => {
        // Filter based on current filter
        if (currentFilter !== 'all') {
            if (currentFilter === 'free' && course.cost !== 'free' && course.cost !== 'free-alternative') return;
            if (currentFilter === 'low-cost' && course.cost !== 'low-cost') return;
            if (currentFilter === 'premium' && course.cost !== 'premium') return;
        }
        
        let costBadgeClass = 'free';
        let costText = 'FREE';
        
        if (course.cost === 'free-alternative') {
            costBadgeClass = 'free';
            costText = 'FREE ALTERNATIVE';
        } else if (course.cost === 'low-cost') {
            costBadgeClass = 'low-cost';
            costText = `$${course.price}`;
        } else if (course.cost === 'premium') {
            costBadgeClass = 'premium';
            costText = `$${course.price}`;
        }
        
        html += `<div class="course-card" data-cost="${course.cost}">`;
        html += `<div class="course-header">`;
        html += `<span class="cost-badge ${costBadgeClass}">${costText}</span>`;
        html += `<div class="course-rating">⭐ ${course.rating} (${escapeHtml(course.students)})</div>`;
        html += `</div>`;
        html += `<h4>${escapeHtml(course.name)}</h4>`;
        html += `<p class="course-platform">📚 ${escapeHtml(course.platform)}</p>`;
        html += `<p class="course-description">${escapeHtml(course.description)}</p>`;
        
        if (course.alternative) {
            html += `<p class="course-alternative">💡 Recommended: This free alternative provides the same value as paid courses</p>`;
        }
        
        html += `<a href="${escapeHtml(course.link)}" target="_blank" class="btn btn-primary btn-sm">View Course</a>`;
        html += `</div>`;
    });
    
    if (html === '') {
        html = '<p class="no-results">No courses found for this filter. Try selecting a different option.</p>';
    }
    
    container.innerHTML = html;
}

function filterCourses(filter, event) {
    currentFilter = filter;
    
    // Update active button
    document.querySelectorAll('.filter-btn').forEach(btn => {
        btn.classList.remove('active');
    });
    event.target.classList.add('active');
    
    // Get all courses again and rerender with filter
    const answers = JSON.parse(localStorage.getItem('careerPathAnswers'));
    const interests = answers.interests || [];
    let allCourses = [];
    
    interests.forEach(interest => {
        if (learningResources[interest]) {
            allCourses = allCourses.concat(learningResources[interest].courses);
        }
    });
    
    allCourses.sort((a, b) => {
        const costOrder = { 'free': 0, 'free-alternative': 1, 'low-cost': 2, 'premium': 3 };
        return costOrder[a.cost] - costOrder[b.cost];
    });
    
    renderCourses(allCourses);
}

function loadAdditionalResources(interests) {
    const container = document.getElementById('additionalResources');
    let allResources = [];
    
    interests.forEach(interest => {
        if (learningResources[interest]) {
            allResources = allResources.concat(learningResources[interest].additionalResources);
        }
    });
    
    let html = '<div class="resources-list">';
    
    allResources.forEach(resource => {
        html += `<div class="resource-item">`;
        html += `<div class="resource-icon">🔗</div>`;
        html += `<div class="resource-details">`;
        html += `<h4>${escapeHtml(resource.name)}</h4>`;
        html += `<p>${escapeHtml(resource.type)} • <span class="cost-label">${escapeHtml(resource.cost)}</span></p>`;
        html += `</div>`;
        html += `<a href="${escapeHtml(resource.link)}" target="_blank" class="btn btn-sm btn-secondary">Visit</a>`;
        html += `</div>`;
    });
    
    html += '</div>';
    container.innerHTML = html;
}