Trade Size: ${tradeSize.toLocaleString()} units

`; calculationSteps += `

Account Currency: ${accountCurrency}

`; calculationSteps += `

Pip Size (Decimal): ${pipSize}

`; calculationSteps += `

Pip Value in ${quoteCurrency}: ${pipValueInQuoteCurrency.toFixed(5)} ${quoteCurrency} (Calculated as ${pipSize} * ${tradeSize.toLocaleString()})

`; if (quoteCurrency === accountCurrency) { finalPipValue = pipValueInQuoteCurrency; } else { showStatusMessage(`Fetching exchange rate for ${quoteCurrency}/${accountCurrency}...`, 'info'); conversionRate = await fetchExchangeRate(quoteCurrency, accountCurrency); if (conversionRate === null) { // Fallback to manual input if API fails manualRateLabel.textContent = `Enter ${quoteCurrency}/${accountCurrency} Rate:`; manualRateGroup.style.display = 'block'; manualRateInput.value = ''; // Clear previous manual input showStatusMessage(`Could not fetch ${quoteCurrency}/${accountCurrency} rate. Please enter it manually above and click Calculate again.`, 'error'); // Check if user has provided manual rate from a previous attempt const userManualRate = parseFloat(manualRateInput.value); if (!isNaN(userManualRate) && userManualRate > 0) { conversionRate = userManualRate; rateUsedForConversion = `${conversionRate.toFixed(5)} ${quoteCurrency}/${accountCurrency} (Manually Entered)`; finalPipValue = pipValueInQuoteCurrency * conversionRate; hideStatusMessage(); // Hide error if manual rate is used successfully } else { return; // Stop calculation, wait for user input } } else { rateUsedForConversion = `${conversionRate.toFixed(5)} ${quoteCurrency}/${accountCurrency} (Fetched from API)`; finalPipValue = pipValueInQuoteCurrency * conversionRate; hideStatusMessage(); } } if (finalPipValue !== undefined) { calculationSteps += `

Conversion Rate (${quoteCurrency} to ${accountCurrency}): ${rateUsedForConversion}

`; calculationSteps += `

Final Pip Value Calculation: ${pipValueInQuoteCurrency.toFixed(5)} ${quoteCurrency} * ${conversionRate.toFixed(5)} = ${finalPipValue.toFixed(2)} ${accountCurrency}

`; pipValueDisplay.textContent = `${finalPipValue.toFixed(2)} ${accountCurrency}`; calculationDetailsDiv.innerHTML = calculationSteps; resultsContainer.style.display = 'block'; } }); downloadPdfBtn.addEventListener('click', function() { const pair = currencyPairSelect.value; const tradeSize = tradeSizeInput.value; const accountCurrency = accountCurrencySelect.value; const pipValueText = pipValueDisplay.textContent; if (resultsContainer.style.display === 'none' || pipValueText === '--') { alert("Please calculate a pip value first before downloading."); return; } const pdfContent = document.createElement('div'); pdfContent.style.padding = '20px'; pdfContent.style.fontFamily = 'Arial, sans-serif'; pdfContent.style.fontSize = '12px'; const titleEl = document.createElement('h2'); titleEl.textContent = 'Pip Calculator Report'; titleEl.style.textAlign = 'center'; titleEl.style.marginBottom = '20px'; titleEl.style.color = '#0056b3'; pdfContent.appendChild(titleEl); const inputsTitle = document.createElement('h3'); inputsTitle.textContent = 'Inputs:'; inputsTitle.style.color = '#333'; pdfContent.appendChild(inputsTitle); pdfContent.innerHTML += `

Currency Pair: ${pair}

Trade Size: ${parseFloat(tradeSize).toLocaleString()} units

Account Currency: ${accountCurrency}

`; const resultsTitle = document.createElement('h3'); resultsTitle.textContent = 'Result:'; resultsTitle.style.color = '#333'; pdfContent.appendChild(resultsTitle); pdfContent.innerHTML += `

Pip Value: ${pipValueText}

`; const detailsTitle = document.createElement('h3'); detailsTitle.textContent = 'Calculation Breakdown:'; detailsTitle.style.color = '#333'; pdfContent.appendChild(detailsTitle); pdfContent.innerHTML += calculationDetailsDiv.innerHTML.replace(/

/g, '

'); // Add some style to p in PDF const opt = { margin: [15, 15, 15, 15], // mm filename: `Pip_Value_Report_${pair.replace('/', '-')}.pdf`, image: { type: 'jpeg', quality: 0.98 }, html2canvas: { scale: 2, useCORS: true, letterRendering: true }, jsPDF: { unit: 'mm', format: 'a4', orientation: 'portrait' } }; if (typeof html2pdf !== 'undefined') { html2pdf().from(pdfContent).set(opt).save(); } else { alert('Error: PDF generation library (html2pdf.js) is not loaded.'); } }); });