`; elements.outputContainer.innerHTML = templateHTML; }; const handleDownloadPdf = () => { const { jsPDF } = window.jspdf; if (!jsPDF) { console.error("jsPDF is not loaded."); return; } const data = getFormData(); const doc = new jsPDF({ orientation: 'portrait', unit: 'in', format: 'letter' }); const margin = 0.75; const pageWidth = doc.internal.pageSize.getWidth(); const usableWidth = pageWidth - (margin * 2); let currentY = margin; // --- PDF Header --- doc.setFont('helvetica', 'bold'); doc.setFontSize(14); doc.setTextColor('#0f766e'); // teal-700 doc.text('Case Study Interview Briefing', pageWidth / 2, currentY, { align: 'center' }); currentY += 0.3; doc.setFont('helvetica', 'normal'); doc.setFontSize(10); doc.setTextColor('#374151'); // gray-700 doc.text(`Role: ${data.interviewRole}`, pageWidth / 2, currentY, { align: 'center' }); currentY += 0.35; // --- Scenario Box --- doc.setFillColor('#f0fdfa'); // teal-50 doc.rect(margin, currentY, usableWidth, 1.3, 'F'); doc.setFont('times', 'bold'); doc.setFontSize(12); doc.setTextColor('#134e4a'); // teal-900 currentY += 0.25; doc.text('The Scenario:', margin + 0.2, currentY); doc.setFont('times', 'normal'); doc.setFontSize(11); doc.setTextColor('#111827'); // gray-900 const scenarioText = `A company in the ${data.industryDomain} sector is facing a critical challenge: ${data.businessProblem.toLowerCase()}.`; doc.text(doc.splitTextToSize(scenarioText, usableWidth - 0.4), margin + 0.2, currentY + 0.2); doc.setFont('times', 'bold'); doc.text('Your Objective:', margin + 0.2, currentY + 0.8); doc.setFont('times', 'normal'); doc.text(doc.splitTextToSize(data.keyObjective, usableWidth - 0.4), margin + 0.2, currentY + 1.0); currentY += 1.6; // --- Function to add question sections --- const addQuestionSection = (title, questions) => { if (currentY > doc.internal.pageSize.getHeight() - 2) { doc.addPage(); currentY = margin; } doc.setFont('helvetica', 'bold'); doc.setFontSize(12); doc.setTextColor('#0d9488'); // teal-600 doc.text(title, margin, currentY); doc.setLineWidth(0.01); doc.line(margin, currentY + 0.05, margin + 2.5, currentY + 0.05); // Underline effect currentY += 0.3; doc.setFont('times', 'normal'); doc.setFontSize(11); doc.setTextColor('#1f2937'); // gray-800 questions.forEach(q => { const questionLines = doc.splitTextToSize(`• ${q}`, usableWidth - 0.2); doc.text(questionLines, margin + 0.2, currentY); currentY += (questionLines.length * 0.18) + 0.05; }); currentY += 0.15; }; addQuestionSection('1. Clarifying & Scoping Questions', [ 'What initial questions would you ask to better understand the scope of the problem?', 'What specific customer segments or product lines are most affected?', 'Are there any known external factors (e.g., new competitors, market shifts) that might be contributing?' ]); addQuestionSection('2. Framework & Approach', [ 'How would you structure your approach to solving this problem? Walk me through your framework.', 'What key areas or business functions would you investigate first?', 'What stakeholders within the company would you need to collaborate with?' ]); addQuestionSection('3. Data Analysis & Insights', [ 'What specific data points or KPIs would you need to analyze? Where would you expect to find this data?', 'Let\'s assume you find that churn is highest among customers in their first 90 days. How would you diagnose the root cause?', 'How would you quantify the financial impact of the current problem?' ]); addQuestionSection('4. Recommendations & Implementation', [ 'Based on your analysis, what are your top 2-3 strategic recommendations?', 'How would you prioritize these recommendations? What is your proposed timeline?', 'How would you measure the success of your proposed solution?' ]); addQuestionSection('5. Risks & Mitigation', [ 'What are the potential risks or challenges in implementing your recommendations?', 'How would you propose to mitigate these risks?' ]); doc.save('Case-Study-Briefing.pdf'); }; // --- Event Listeners --- elements.tabSetup.addEventListener('click', () => switchTab('setup')); elements.tabQuestions.addEventListener('click', () => switchTab('questions')); elements.nextBtn.addEventListener('click', () => currentTab === 'setup' && switchTab('questions')); elements.prevBtn.addEventListener('click', () => currentTab === 'questions' && switchTab('setup')); elements.downloadPdfBtn.addEventListener('click', handleDownloadPdf); });