Manual changes saved

scorecard.html

@@ -99,12 +99,12 @@
                 <img src="https://huggingface.co/spaces/DjayChucko/EnablingSales/resolve/main/images/MEDDICC%20Scorecard%20Logo.png" alt="MEDDICC Logo" class="w-18 h-12">
             </div>
             <h1 class="text-4xl font-bold mb-2 text-white">MEDDICC Scorecard</h1>
-            <p class="text-purple-200 font-light text-lg">Select the customer's industry to begin qualification</p>
+            <p class="text-purple-200 font-light text-lg">Select the customer's industry and current deal stage</p>
             
-            <div class="mt-8 mb-6">
+            <div class="mt-8 mb-6 grid sm:grid-cols-2 gap-4">
                 <div class="relative">
                     <select id="industry" class="w-full p-4 bg-white/20 border-2 border-purple-300 rounded-xl text-white placeholder-purple-200 focus:ring-2 focus:ring-white focus:outline-none transition-all appearance-none">
-                        <option value="" disabled selected>Select an industry</option>
+                        <option value="" disabled selected>Select an Industry</option>
                         <option value="FSI">FSI (Financial Services)</option>
                         <option value="Healthcare">Healthcare</option>
                         <option value="Public Sector & Education">Public Sector & Education</option>
@@ -119,12 +119,16 @@
                         <option value="Startups">Startups</option>
                     </select>
                 </div>
+                <div class="relative">
+                    <select id="sales-stage" class="w-full p-4 bg-white/20 border-2 border-purple-300 rounded-xl text-white placeholder-purple-200 focus:ring-2 focus:ring-white focus:outline-none transition-all appearance-none">
+                        <option value="" disabled selected>Select Sales Stage</option>
+                        <option value="Early Stage">Early Stage</option>
+                        <option value="Evaluation / PoC">Evaluation / PoC</option>
+                        <option value="Closing">Closing</option>
+                    </select>
+                </div>
             </div>
             
-            <div id="industry-description" class="bg-purple-800/50 p-4 rounded-lg mb-4 hidden min-h-[60px]">
-                <p class="text-purple-100 text-sm"></p>
-            </div>
-
             <button id="start-btn" disabled class="w-full py-4 bg-white text-purple-700 font-semibold rounded-xl shadow-lg hover:bg-gray-100 transform hover:scale-102 transition-all disabled:opacity-50 disabled:cursor-not-allowed disabled:transform-none mb-4 flex items-center justify-center space-x-2">
                 <span>Start Qualification</span>
                 <i data-feather="arrow-right" class="w-5 h-5"></i>
@@ -207,7 +211,7 @@ document.addEventListener('DOMContentLoaded', function() {
     themeToggle.addEventListener('click', () => {
         html.classList.toggle('dark');
         localStorage.theme = html.classList.contains('dark') ? 'dark' : 'light';
-        feather.replace(); // Re-render icons for color change
+        feather.replace();
     });
     if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
         html.classList.add('dark');
@@ -240,55 +244,21 @@ document.addEventListener('DOMContentLoaded', function() {
     ];
 
     const industryInsights = {
-        'FSI': 'Financial Services buyers prioritize regulatory compliance, data security, and ultra-low latency for real-time transactions and fraud detection.',
-        'Healthcare': 'Healthcare organizations focus on HIPAA/GDPR compliance, interoperability with EHR/EMR systems, and AI-driven patient data privacy.',
-        'Public Sector & Education': 'Public Sector & Education buyers value cost efficiency, scalability for public demand, and strict adherence to government/educational data policies.',
-        'Retail and Ecommerce': 'Retail and Ecommerce companies need seamless omnichannel integration, AI-powered personalization, and real-time inventory/analytics.',
-        'Tech (SaaS)': 'Tech (SaaS) companies look for developer-friendly APIs, scalability for user growth, and AI/ML tools for product innovation.',
-        'Cyber': 'Cyber security teams require advanced threat detection, zero-trust architecture, and AI-driven automation for rapid incident response.',
-        'Media and Entertainment': 'Media and Entertainment firms need high-performance content delivery, AI for recommendation engines, and scalable storage for large media files.',
-        'Manufacturing': 'Manufacturing companies value predictive maintenance, IoT integration, and AI for supply chain optimization and defect detection.',
-        'Energy': 'Energy sector focuses on AI for predictive analytics in asset management, compliance with energy regulations, and operational resilience.',
-        'Logistics': 'Logistics companies prioritize real-time tracking, AI for route optimization, and integration with global supply chain platforms.',
-        'Transport': 'Transportation firms need AI for fleet management, real-time analytics for safety/compliance, and scalable IoT integration.',
-        'Startups': 'Startups typically look for pay-as-you-go pricing, rapid deployment, and AI tools that accelerate MVP development and scaling.'
+        'FSI': 'Financial Services buyers prioritize regulatory compliance, data security, and ultra-low latency for real-time transactions and fraud detection.', 'Healthcare': 'Healthcare organizations focus on HIPAA/GDPR compliance, interoperability with EHR/EMR systems, and AI-driven patient data privacy.', 'Public Sector & Education': 'Public Sector & Education buyers value cost efficiency, scalability for public demand, and strict adherence to government/educational data policies.', 'Retail and Ecommerce': 'Retail and Ecommerce companies need seamless omnichannel integration, AI-powered personalization, and real-time inventory/analytics.', 'Tech (SaaS)': 'Tech (SaaS) companies look for developer-friendly APIs, scalability for user growth, and AI/ML tools for product innovation.', 'Cyber': 'Cyber security teams require advanced threat detection, zero-trust architecture, and AI-driven automation for rapid incident response.', 'Media and Entertainment': 'Media and Entertainment firms need high-performance content delivery, AI for recommendation engines, and scalable storage for large media files.', 'Manufacturing': 'Manufacturing companies value predictive maintenance, IoT integration, and AI for supply chain optimization and defect detection.', 'Energy': 'Energy sector focuses on AI for predictive analytics in asset management, compliance with energy regulations, and operational resilience.', 'Logistics': 'Logistics companies prioritize real-time tracking, AI for route optimization, and integration with global supply chain platforms.', 'Transport': 'Transportation firms need AI for fleet management, real-time analytics for safety/compliance, and scalable IoT integration.', 'Startups': 'Startups typically look for pay-as-you-go pricing, rapid deployment, and AI tools that accelerate MVP development and scaling.'
     };
     
     const industrySpecificAdvice = {
-        'FSI': {
-            'IDENTIFIED PAIN': 'Frame the pain in terms of regulatory compliance, risk mitigation, or fraud detection. FSI buyers are heavily motivated by these pressures.',
-            'METRICS & MOTIVES': 'Focus on metrics like ROI, reduction in compliance penalties, and cost of capital. The Economic Buyer will need a business case built on these specific KPIs.',
-            'PAPER PROCESS': 'The legal and compliance review in FSI is rigorous. Proactively provide security documentation and compliance certificates to accelerate this stage.'
-        },
-        'Healthcare': {
-            'IDENTIFIED PAIN': 'Pain in Healthcare is often tied to patient data privacy (HIPAA), interoperability with EHR/EMR systems, or improving patient outcomes. Your solution must align with these critical areas.',
-            'CHAMPIONS': 'A strong champion in Healthcare is often a clinical leader who feels the pain directly, not just an IT manager. Find someone whose goals are tied to patient care or operational efficiency.',
-            'DECISION CRITERIA': 'Criteria will heavily weigh on data security and HIPAA compliance. Ensure you are positioned as the most secure and compliant option against competitors.'
-        },
-        'Tech (SaaS)': {
-            'COMPETITION': 'The SaaS market is crowded. Your competitive advantage must be crystal clear—is it developer-friendly APIs, better integration capabilities, or a superior UX? Hammer this point with your champion.',
-            'ECONOMIC BUYER': 'Confirm the budget source. Is it coming from an operational budget, or does it require a new capital expenditure request? This dramatically impacts the timeline in fast-moving tech companies.',
-            'GO LIVE PLAN': 'Offer a "quick start" or phased implementation plan. SaaS buyers value rapid time-to-value and want to see an impact quickly.'
-        }
+        'FSI': { 'IDENTIFIED PAIN': 'Frame the pain in terms of regulatory compliance, risk mitigation, or fraud detection. FSI buyers are heavily motivated by these pressures.', 'METRICS & MOTIVES': 'Focus on metrics like ROI, reduction in compliance penalties, and cost of capital. The Economic Buyer will need a business case built on these specific KPIs.', 'PAPER PROCESS': 'The legal and compliance review in FSI is rigorous. Proactively provide security documentation and compliance certificates to accelerate this stage.' }, 'Healthcare': { 'IDENTIFIED PAIN': 'Pain in Healthcare is often tied to patient data privacy (HIPAA), interoperability with EHR/EMR systems, or improving patient outcomes. Your solution must align with these critical areas.', 'CHAMPIONS': 'A strong champion in Healthcare is often a clinical leader who feels the pain directly, not just an IT manager. Find someone whose goals are tied to patient care or operational efficiency.', 'DECISION CRITERIA': 'Criteria will heavily weigh on data security and HIPAA compliance. Ensure you are positioned as the most secure and compliant option against competitors.' }, 'Tech (SaaS)': { 'COMPETITION': 'The SaaS market is crowded. Your competitive advantage must be crystal clear—is it developer-friendly APIs, better integration capabilities, or a superior UX? Hammer this point with your champion.', 'ECONOMIC BUYER': 'Confirm the budget source. Is it coming from an operational budget, or does it require a new capital expenditure request? This dramatically impacts the timeline in fast-moving tech companies.', 'GO LIVE PLAN': 'Offer a "quick start" or phased implementation plan. SaaS buyers value rapid time-to-value and want to see an impact quickly.' }
     };
 
     const summarySnippets = {
-        'IDENTIFIED PAIN': 'Clarify and quantify the business pain with the Economic Buyer.',
-        'CHAMPIONS': 'Develop a stronger relationship with your champion or find a new one closer to the EB.',
-        'GO LIVE PLAN': 'Formalize the implementation plan and get stakeholder buy-in.',
-        'METRICS & MOTIVES': 'Agree on measurable success metrics (QBC) that align with business goals.',
-        'DECISION CRITERIA': 'Influence the decision criteria to favor your unique strengths.',
-        'DECISION PROCESS': 'Establish a compelling event to create urgency.',
-        'COMPETITION': 'Set competitive traps and clearly articulate your unique differentiators.',
-        'BLOCKERS?': 'Identify all potential blockers and create a mitigation plan.',
-        'ECONOMIC BUYER': 'Secure access to the Economic Buyer and confirm budget.',
-        'PAPER PROCESS': 'De-risk the procurement stage by engaging with legal and security early.'
+        'IDENTIFIED PAIN': 'Clarify and quantify the business pain with the Economic Buyer.', 'CHAMPIONS': 'Develop a stronger relationship with your champion or find a new one closer to the EB.', 'GO LIVE PLAN': 'Formalize the implementation plan and get stakeholder buy-in.', 'METRICS & MOTIVES': 'Agree on measurable success metrics (QBC) that align with business goals.', 'DECISION CRITERIA': 'Influence the decision criteria to favor your unique strengths.', 'DECISION PROCESS': 'Establish a compelling event to create urgency.', 'COMPETITION': 'Set competitive traps and clearly articulate your unique differentiators.', 'BLOCKERS?': 'Identify all potential blockers and create a mitigation plan.', 'ECONOMIC BUYER': 'Secure access to the Economic Buyer and confirm budget.', 'PAPER PROCESS': 'De-risk the procurement stage by engaging with legal and security early.'
     };
 
     // DOM elements
     const industryScreen = document.getElementById('industry-screen');
     const industrySelect = document.getElementById('industry');
-    const industryDescription = document.getElementById('industry-description');
+    const salesStageSelect = document.getElementById('sales-stage');
     const startBtn = document.getElementById('start-btn');
     const questionScreens = document.getElementById('question-screens');
     const progressBar = document.getElementById('progress-bar');
@@ -303,22 +273,16 @@ document.addEventListener('DOMContentLoaded', function() {
     // App state
     let currentQuestion = 0;
     let selectedIndustry = '';
+    let selectedSalesStage = '';
     let userAnswers = [];
     const maxPossibleScore = questions.length * 9;
 
     // --- EVENT LISTENERS ---
-    industrySelect.addEventListener('change', function() {
-        selectedIndustry = this.value;
-        const description = industryInsights[selectedIndustry];
-        if (description) {
-            industryDescription.querySelector('p').textContent = description;
-            industryDescription.classList.remove('hidden');
-            startBtn.disabled = false;
-        } else {
-            industryDescription.classList.add('hidden');
-            startBtn.disabled = true;
-        }
-    });
+    function checkSelections() {
+        startBtn.disabled = !(selectedIndustry && selectedSalesStage);
+    }
+    industrySelect.addEventListener('change', (e) => { selectedIndustry = e.target.value; checkSelections(); });
+    salesStageSelect.addEventListener('change', (e) => { selectedSalesStage = e.target.value; checkSelections(); });
 
     startBtn.addEventListener('click', function() {
         industryScreen.classList.add('hidden');
@@ -332,9 +296,10 @@ document.addEventListener('DOMContentLoaded', function() {
     function resetQuiz() {
         currentQuestion = 0;
         selectedIndustry = '';
+        selectedSalesStage = '';
         userAnswers = [];
         industrySelect.value = "";
-        industryDescription.classList.add('hidden');
+        salesStageSelect.value = "";
         startBtn.disabled = true;
         resultsScreen.classList.add('hidden');
         industryScreen.classList.remove('hidden');
@@ -353,7 +318,6 @@ document.addEventListener('DOMContentLoaded', function() {
         
         const questionScreen = document.createElement('div');
         questionScreen.className = `question-screen flex flex-col pt-16 p-6 bg-gray-100 dark:bg-gray-900 fade-in`;
-        questionScreen.id = `question-${index}`;
         
         const backButtonHTML = `<button id="back-btn-${index}" class="w-1/3 py-3 bg-gray-300 dark:bg-gray-700 text-gray-800 dark:text-gray-200 font-semibold rounded-lg shadow-md hover:bg-gray-400 dark:hover:bg-gray-600 transition">Back</button>`;
         
@@ -434,62 +398,45 @@ document.addEventListener('DOMContentLoaded', function() {
         scoreBreakdown.innerHTML = '';
         userAnswers.forEach(answer => {
             const scoreRatio = (answer.score + 5) / 14;
-            let scoreColor = 'text-red-600 dark:text-red-400';
-            let recommendationHTML = '';
+            let scoreColor = 'text-red-600 dark:text-red-400', recommendationHTML = '';
 
             if (scoreRatio >= 0.7) scoreColor = 'text-green-600 dark:text-green-400';
             else if (scoreRatio >= 0.4) scoreColor = 'text-yellow-600 dark:text-yellow-400';
             
             if (answer.score < 5) {
                 let advice = 'No specific recommendation available. Focus on improving this area.';
-                const genericAdvice = {
-                    'IDENTIFIED PAIN': 'Work with the customer to better define their business pain and how your solution addresses it.',
-                    'CHAMPIONS': 'Identify and engage with champions who can influence the economic buyer.',
-                    'GO LIVE PLAN': 'Develop a clear implementation plan with agreed timelines and milestones.',
-                    'METRICS & MOTIVES': 'Establish clear metrics for success that are agreed by all stakeholders.',
-                    'DECISION CRITERIA': 'Ensure your solution meets the customer\'s decision criteria or work to influence those criteria.',
-                    'DECISION PROCESS': 'Identify and document the compelling reason for the customer to act now.',
-                    'COMPETITION': 'Differentiate your solution and establish why you\'re the preferred choice.',
-                    'BLOCKERS?': 'Proactively identify and address any potential blockers to the deal progressing.',
-                    'ECONOMIC BUYER': 'Confirm budget availability and secure commitment from the economic buyer.',
-                    'PAPER PROCESS': 'Advance discussions on pricing and contractual terms to avoid last-minute hurdles.'
-                };
+                const genericAdvice = { 'IDENTIFIED PAIN': 'Work with the customer to better define their business pain and how your solution addresses it.', 'CHAMPIONS': 'Identify and engage with champions who can influence the economic buyer.', 'GO LIVE PLAN': 'Develop a clear implementation plan with agreed timelines and milestones.', 'METRICS & MOTIVES': 'Establish clear metrics for success that are agreed by all stakeholders.', 'DECISION CRITERIA': 'Ensure your solution meets the customer\'s decision criteria or work to influence those criteria.', 'DECISION PROCESS': 'Identify and document the compelling reason for the customer to act now.', 'COMPETITION': 'Differentiate your solution and establish why you\'re the preferred choice.', 'BLOCKERS?': 'Proactively identify and address any potential blockers to the deal progressing.', 'ECONOMIC BUYER': 'Confirm budget availability and secure commitment from the economic buyer.', 'PAPER PROCESS': 'Advance discussions on pricing and contractual terms to avoid last-minute hurdles.' };
 
                 if (industrySpecificAdvice[selectedIndustry] && industrySpecificAdvice[selectedIndustry][answer.section]) {
                     advice = industrySpecificAdvice[selectedIndustry][answer.section];
                 } else if (genericAdvice[answer.section]) {
                     advice = genericAdvice[answer.section];
                 }
-
-                recommendationHTML = `
-                    <div class="mt-3 pt-3 border-t border-red-200 dark:border-gray-700 bg-red-50 dark:bg-red-900/20 p-3 rounded-b-lg -m-4 mt-4">
-                        <p class="text-sm font-medium text-red-800 dark:text-red-200"><strong>Recommendation:</strong> ${advice}</p>
-                    </div>
-                `;
+                recommendationHTML = `<div class="mt-3 pt-3 border-t border-red-200 dark:border-gray-700 bg-red-50 dark:bg-red-900/20 p-3 rounded-b-lg -m-4 mt-4"><p class="text-sm font-medium text-red-800 dark:text-red-200"><strong>Recommendation:</strong> ${advice}</p></div>`;
             }
-
-            const sectionScore = `
-                <div class="bg-white dark:bg-gray-800 p-4 rounded-lg shadow-sm">
-                    <div class="flex justify-between items-start mb-2">
-                        <h4 class="font-medium">${answer.section}</h4>
-                        <span class="font-bold ${scoreColor}">${answer.score}/9</span>
-                    </div>
-                    <p class="text-sm text-gray-600 dark:text-gray-400">${answer.answer}</p>
-                    ${recommendationHTML}
-                </div>`;
+            const sectionScore = `<div class="bg-white dark:bg-gray-800 p-4 rounded-lg shadow-sm"><div class="flex justify-between items-start mb-2"><h4 class="font-medium">${answer.section}</h4><span class="font-bold ${scoreColor}">${answer.score}/9</span></div><p class="text-sm text-gray-600 dark:text-gray-400">${answer.answer}</p>${recommendationHTML}</div>`;
             scoreBreakdown.insertAdjacentHTML('beforeend', sectionScore);
         });
         
-        generateExecutiveSummary(userAnswers, percentage);
+        generateExecutiveSummary(userAnswers, percentage, selectedSalesStage);
 
         feather.replace();
     }
 
-    function generateExecutiveSummary(answers, overallScore) {
+    function generateExecutiveSummary(answers, overallScore, salesStage) {
+        let weaknesses = [];
+        const metricsMotiveAnswer = answers.find(a => a.section === 'METRICS & MOTIVES');
         const sortedAnswers = [...answers].sort((a, b) => a.score - b.score);
-        const weaknesses = sortedAnswers.slice(0, 2);
+        
+        if (metricsMotiveAnswer && metricsMotiveAnswer.score < 5) {
+            weaknesses.push(metricsMotiveAnswer);
+            const nextWeakest = sortedAnswers.find(a => a.section !== 'METRICS & MOTIVES');
+            if (nextWeakest) weaknesses.push(nextWeakest);
+        } else {
+            weaknesses = sortedAnswers.slice(0, 2);
+        }
+        
         const strength = sortedAnswers[sortedAnswers.length - 1];
-
         let summaryHTML = '<ul class="space-y-3 text-gray-700 dark:text-gray-300">';
 
         if (overallScore >= 60 && strength.score >= 7) {
@@ -500,29 +447,26 @@ document.addEventListener('DOMContentLoaded', function() {
             const snippet = summarySnippets[weakness.section] || 'This area needs to be addressed.';
              summaryHTML += `<li class="flex items-start"><span class="mr-2 text-red-500">🔴</span><span><strong>Urgent Focus: ${weakness.section}</strong>. ${snippet}</span></li>`;
         });
-        
         summaryHTML += '</ul>';
 
-        // --- MODIFICATION START: Add strategic summary message ---
         let strategicMessage = '';
         if (overallScore <= 19) {
-            strategicMessage = "Not an opportunity yet, no business case, more mapping and qualification required. What's the buyer trying to acheive?";
+            strategicMessage = salesStage === 'Early Stage' ? "Okay if early, but more qualification is required. What's the buyer trying to achieve?" : "Dangerous if considering an Eval/PoC with this score. Re-qualify immediately.";
         } else if (overallScore <= 39) {
-            strategicMessage = "We have an opportunity but we need to attach our offer to a mutually agreed business outcome important enough to warrant a proof of concept. Why now? Why us?";
+            if (salesStage === 'Early Stage') strategicMessage = "Good news for an early stage deal. Now attach our offer to a mutually agreed business outcome.";
+            else if (salesStage === 'Evaluation / PoC') strategicMessage = "Be cautious. The business outcome for this PoC is not strong enough. Why now? Why us?";
+            else strategicMessage = "Be worried. A deal this weak should not be in the closing stage.";
         } else if (overallScore <= 59) {
-            strategicMessage = "Clearly a project but what are the blockers? Timeline? Budget assigned? Can the champion access the Economic Buyer/Buying Committee? Are we dealing with a champion or a coach?";
+            if (salesStage === 'Early Stage') strategicMessage = "Very good news for an early stage deal. Solid foundation to build upon.";
+            else if (salesStage === 'Evaluation / PoC') strategicMessage = "This looks good. Identify potential blockers and confirm the timeline and budget.";
+            else strategicMessage = "Look for blockers. Can the champion access the Economic Buyer? Is this a real champion or just a coach?";
         } else if (overallScore <= 79) {
-            strategicMessage = "Start preparing the eval success metrics and crafting a proposal, most importantly beware buyer ghosting us.";
+            strategicMessage = salesStage === 'Evaluation / PoC' ? "This is very strong for a PoC. Start preparing the proposal and success metrics." : "Focus on differentiation and beware of buyer ghosting as you move to close.";
         } else {
-            strategicMessage = "Finish line is in sight, start verbally discussing pricing/contract/legal options with champion or economic buyers, expect negotiations.";
+            strategicMessage = "The finish line is in sight, but it's not over until it's signed. Verbally discuss pricing, contracts, and legal with champions and expect negotiations.";
         }
         
-        summaryHTML += `
-            <div class="mt-4 pt-4 border-t border-gray-200 dark:border-gray-700">
-                <p class="text-sm italic text-gray-600 dark:text-gray-400">${strategicMessage}</p>
-            </div>
-        `;
-        // --- MODIFICATION END ---
+        summaryHTML += `<div class="mt-4 pt-4 border-t border-gray-200 dark:border-gray-700"><p class="text-sm italic text-gray-600 dark:text-gray-400">${strategicMessage}</p></div>`;
 
         executiveSummary.innerHTML = summaryHTML;
     }