script.js

document.addEventListener('DOMContentLoaded', function() {
    const accountsContainer = document.getElementById('accountsContainer');
    const addAccountBtn = document.getElementById('addAccountBtn');
    const downloadInvoiceBtn = document.getElementById('downloadInvoiceBtn');
    const trxidInputContainer = document.getElementById('trxidInputContainer');
    const submitTrxidBtn = document.getElementById('submitTrxidBtn');
    const trxidInput = document.getElementById('trxidInput');
    const refby = document.getElementById('refby');

    const officialDiscounts = {
        smallAccount: 10, // 5% discount for small accounts
        bigAccount: 10 // 10% discount for big accounts
    };

    let accountCount = 0;
    // Define actual prices for addons
    const addonPrices = {
        'lifeTimePayout': 300, // Example price for 95% Life Time Payout
        'noMinimumDays': 200, // Example price for No Minimum Trading Days
        'refund': 500, // Example price for 150% Refund
        '125Refund': 400 // Example price for 125% Refund
    };

    // Segmented pricing configuration
    const pricingConfig = {
        'stellar': {
            'swap': {
                '1step': {'6K': 55, '15K': 111, '25K': 187, '50K': 280, '100K': 485, '200K': 935},
                '2step': {'6K': 51, '15K': 102, '25K': 170, '50K': 255, '100K': 442, '200K': 850}
            },
            'swapFree': {
                '1step': {'6K': 62, '15K': 122, '25K': 206, '50K': 309, '100K': 533, '200K': 1029},
                '2step': {'6K': 56, '15K': 112, '25K': 187, '50K': 281, '100K': 486, '200K': 935}
            }
        },
        'express': {
            'swap': {
                'consistency': {'6K': 43, '15K': 85, '25K': 170, '50K': 255, '100K': 468, '200K': 850},
                'nonConsistency': {'6K': 51, '15K': 102, '25K': 196, '50K': 232, '100K': 595}
            },
            'swapFree': {
                'consistency': {'6K': 47, '15K': 94, '25K': 187, '50K': 281, '100K': 513, '200K': 935},
                'nonConsistency': {'6K': 56, '15K': 112, '25K': 215, '50K': 355, '100K': 655}
            }
        },
        'evaluation': {
            'swap': {
                '6K': 43, '15K': 85, '25K': 170, '50K': 255, '100K': 467, '200K': 850
            },
            'swapFree': {
                '6K': 46, '15K': 94, '25K': 187, '50K': 281, '100K': 513, '200K': 934
            }
        }
    };

    function updateStepTypeOptions(stepTypeSelect, challengeType) {
        stepTypeSelect.innerHTML = '';

        if (challengeType === 'stellar') {
            stepTypeSelect.innerHTML = '<option value="1step">1-Step</option><option value="2step">2-Step</option>';
        } else if (challengeType === 'express') {
            stepTypeSelect.innerHTML = '<option value="consistency">Consistency</option><option value="nonConsistency">Non-Consistency</option>';
        } else {
            stepTypeSelect.innerHTML = '<option disabled selected>Select Step Type</option>';
        }
    }

function calculatePriceForAccount(challengeType, swapType, stepType, sizeOfAccount, addons) {
    let basePrice = 0;
    // Determine the base price from the configuration
    if (challengeType === 'evaluation') {
        if (pricingConfig[challengeType] && pricingConfig[challengeType][swapType]) {
            basePrice = pricingConfig[challengeType][swapType][sizeOfAccount] || 0;
        }
    } else {
        if (pricingConfig[challengeType] && pricingConfig[challengeType][swapType] && pricingConfig[challengeType][swapType][stepType]) {
            basePrice = pricingConfig[challengeType][swapType][stepType][sizeOfAccount] || 0;
        }
    }

    // Initial total price starts as the base price
    let totalPrice = basePrice;

    // Calculate addon prices based on the original base price
    addons.forEach(addon => {
        if (addon.checked) {
            let addonIncrease = 0; // Percentage increase
            switch (challengeType) {
                case 'stellar':
                    if (stepType === '1step') {
                        addonIncrease = addon.value === 'lifeTimePayout' ? 0.10 :
                                        addon.value === 'noMinimumDays' ? 0.15 :
                                        addon.value === 'refund' || addon.value === '125Refund' ? 0.10 : 0;
                    } else if (stepType === '2step') {
                        addonIncrease = addon.value === 'lifeTimePayout' ? 0.20 :
                                        addon.value === 'noMinimumDays' ? 0.15 :
                                        addon.value === 'refund' || addon.value === '125Refund' ? 0.10 : 0;
                    }
                    break;
                case 'express':
                    addonIncrease = addon.value === 'lifeTimePayout' ? 0.30 : 0.10; // No "No Minimum Trading Days" for Express
                    break;
                case 'evaluation':
                    addonIncrease = addon.value === 'lifeTimePayout' ? 1.20 :
                                    addon.value === 'noMinimumDays' ? 0.15 :
                                    addon.value === 'refund' || addon.value === '125Refund' ? 0.10 : 0;
                    break;
            }
            // Increase total price by the addon's percentage of the original base price
            totalPrice += basePrice * addonIncrease;
        }
    });

    return totalPrice; // Return the total price after all addon increases
}


    function updateAccountSizeVisibility(accountDiv) {
    const challengeTypeSelect = accountDiv.querySelector('.challengeType');
    const stepTypeSelect = accountDiv.querySelector('.stepType');
    const sizeOfAccountSelect = accountDiv.querySelector('.sizeOfAccount');
    const option200K = sizeOfAccountSelect.querySelector('option[value="200K"]');

    // Logic for hiding/showing No Minimum Trading Days and Refund add-ons
    const noMinimumDaysCheckbox = accountDiv.querySelector('input[name="noMinimumDays"]');
    const refund125Checkbox = accountDiv.querySelector('input[name="125Refund"]');
    const refund150Checkbox = accountDiv.querySelector('input[name="refund"]');

    noMinimumDaysCheckbox.parentElement.style.display = challengeTypeSelect.value === 'express' ? 'none' : 'block';

    refund125Checkbox.onchange = function() {
        if (refund125Checkbox.checked) refund150Checkbox.checked = false;
    };
    refund150Checkbox.onchange = function() {
        if (refund150Checkbox.checked) refund125Checkbox.checked = false;
    };

}

    function updateSelectionSummary() {
    const selectionSummaries = document.getElementById('selectionSummaries');
    selectionSummaries.innerHTML = ''; // Clear previous summaries
    let totalPrice = 0;
    let totalDiscount = 0;

    document.querySelectorAll('.account').forEach((account, index) => {
        const sizeOfAccount = account.querySelector('.sizeOfAccount').value;
        const challengeType = account.querySelector('.challengeType').value;
        const swapType = account.querySelector('.swapType').value;
        const stepType = account.querySelector('.stepType').value;
        const platform = account.querySelector('.platform').value;
        const broker = account.querySelector('.broker').value;
        const addons = account.querySelectorAll('input[type="checkbox"]');
        
        const price = calculatePriceForAccount(challengeType, swapType, stepType, sizeOfAccount, addons);
        totalPrice += price;

        // Apply discount based on account size
        if (['6K', '15K', '25K'].includes(sizeOfAccount)) {
            totalDiscount += price * (officialDiscounts.smallAccount / 100);
        } else if (['50K', '100K', '200K'].includes(sizeOfAccount)) {
            totalDiscount += price * (officialDiscounts.bigAccount / 100);
        }

        const summary = document.createElement('div');
        summary.classList.add('selection-summary');
        summary.innerHTML = `Account ${index + 1}: ${challengeType} + ${swapType} + ${stepType} + ${sizeOfAccount} + ${platform} + ${broker} ` + 
                            (addons.length ? ' + ' + Array.from(addons).filter(addon => addon.checked).map(addon => addon.getAttribute('data-label')).join(' + ') : '') +
                            `<br>Price: $${price.toFixed(2)}`;
        selectionSummaries.appendChild(summary);
    });

    // Calculate the final total price after discount
    let finalTotalPrice = totalPrice - totalDiscount;

    // Update the HTML for Official Discount and Total Price After Discount
    const totalPriceElement = document.getElementById('totalPrice');
    totalPriceElement.innerHTML = `Official Discount: $${totalDiscount.toFixed(2)}<br>Total Price After Discount: $${finalTotalPrice.toFixed(2)}`;
}


    function addAccount() {
        accountCount++;
        const accountDiv = document.createElement('div');
        accountDiv.className = 'account bg-purple-500 shadow p-4 rounded-lg mb-4 space-y-4';
    
    accountDiv.innerHTML = `
    <div class="flex flex-wrap md:flex-nowrap">
    <div class="left-options space-y-4 flex-1">
    <!-- Client Name -->
    <div class="option-group">
        <label class="block text-white text-sm mb-1">Name of the Client:</label>
        <input type="text" class="client-name bg-purple-700 placeholder-white text-white rounded-md p-1 w-full text-sm" placeholder="Enter name" required>
    </div>
    <!-- Client Email -->
    <div class="option-group">
        <label class="block text-white text-sm mb-1">Email of the Client:</label>
        <input type="email" class="client-email bg-purple-700 placeholder-white text-white rounded-md p-1 w-full text-sm" placeholder="Enter email" required>
    </div>
    <!-- Client Country -->
    <div class="option-group">
        <label class="block text-white text-sm mb-1">Country of the Client:</label>
        <input type="text" class="client-country bg-purple-700 placeholder-white text-white rounded-md p-1 w-full text-sm" placeholder="Enter country" required>
    </div>
    <!-- Challenge Type -->
    <div class="option-group">
        <label class="block text-white text-sm mb-1">Challenge Type:</label>
        <select class="challengeType w-full rounded-md bg-purple-700 text-white py-1 px-2 text-sm">
            <option value="stellar">Stellar</option>
            <option value="evaluation">Evaluation</option>
            <option value="express">Express</option>
        </select>
    </div>
    <!-- Swap Type -->
    <div class="option-group">
        <label class="block text-white text-sm mb-1">Swap Type:</label>
        <select class="swapType w-full rounded-md bg-purple-700 text-white py-1 px-2 text-sm">
            <option value="swap">Swap</option>
            <option value="swapFree">Swap Free</option>
        </select>
    </div>
    <!-- Step Type -->
    <div class="option-group">
        <label class="block text-white text-sm mb-1">Step Type:</label>
        <select class="stepType w-full rounded-md bg-purple-700 text-white py-1 px-2 text-sm"></select>
    </div>
    <!-- Account Size -->
    <div class="option-group">
        <label class="block text-white text-sm mb-1">Account Size:</label>
        <select class="sizeOfAccount w-full rounded-md bg-purple-700 text-white py-1 px-2 text-sm">
            <option value="6K">6K</option>
            <option value="15K">15K</option>
            <option value="25K">25K</option>
            <option value="50K">50K</option>
            <option value="100K">100K</option>
            <option value="200K">200K</option>
        </select>
    </div>
    <!-- Platform -->
    <div class="option-group">
        <label class="block text-white text-sm mb-1">Platform:</label>
        <select class="platform w-full rounded-md bg-purple-700 text-white py-1 px-2 text-sm">
            <option value="mt4">MT4</option>
            <option value="mt5">MT5</option>
        </select>
    </div>
    <!-- Broker -->
    <div class="option-group">
        <label class="block text-white text-sm mb-1">Broker:</label>
        <select class="broker w-full rounded-md bg-purple-700 text-white py-1 px-2 text-sm">
            <option value="growthnext">GrowthNext</option>
            <option value="fundednext">FundedNext</option>
        </select>
    </div>
</div>
    
    <div class="right-options space-y-4 flex-1 mt-4 md:mt-0 md:ml-40">
     
    <!-- Addon Checkboxes with data-label attributes -->
<div class="checkbox-group text-md">
    <input type="checkbox" id="lifeTimePayout-1" name="lifeTimePayout" value="lifeTimePayout" class="rounded text-purple-500 focus:ring-blue-400" data-label="95% Life Time Payout">
    <label for="lifeTimePayout-1" class="text-white ml-2">95% Life Time Payout</label>
</div>
<div class="checkbox-group text-md">
    <input type="checkbox" id="noMinimumDays-1" name="noMinimumDays" value="noMinimumDays" class="rounded text-blue-500 focus:ring-blue-400" data-label="No Minimum Trading Days">
    <label for="noMinimumDays-1" class="text-white ml-2">No Minimum Trading Days</label>
</div>
<div class="checkbox-group text-md">
    <input type="checkbox" id="125Refund-1" name="125Refund" value="125Refund" class="rounded text-blue-500 focus:ring-blue-400" data-label="125% Refund">
    <label for="125Refund-1" class="text-white ml-2">125% Refund</label>
</div>
<div class="checkbox-group text-md">
    <input type="checkbox" id="refund-1" name="refund" value="refund" class="rounded text-blue-500 focus:ring-blue-400" data-label="150% Refund">
    <label for="refund-1" class="text-white ml-2">150% Refund</label>
</div>

    
</div>


`;


    const challengeTypeSelect = accountDiv.querySelector('.challengeType');
    const swapTypeSelect = accountDiv.querySelector('.swapType');
    const stepTypeSelect = accountDiv.querySelector('.stepType');
    const sizeOfAccountSelect = accountDiv.querySelector('.sizeOfAccount');

    challengeTypeSelect.addEventListener('change', function() {
        updateStepTypeOptions(stepTypeSelect, challengeTypeSelect.value);
        updateAccountSizeVisibility(accountDiv); // Update visibility based on current selections
        updateSelectionSummary(); // Update pricing and summary

        // Uncheck all addon checkboxes when challenge type changes
        const addonCheckboxes = accountDiv.querySelectorAll('input[type="checkbox"]');
        addonCheckboxes.forEach(checkbox => {
            checkbox.checked = false;
        });
    });

    swapTypeSelect.addEventListener('change', function() {
        updateSelectionSummary(); // Update pricing and summary whenever Swap Type changes
    });

    stepTypeSelect.addEventListener('change', function() {
        updateSelectionSummary(); // Update pricing and summary whenever Step Type changes
    });

    sizeOfAccountSelect.addEventListener('change', function() {
        updateSelectionSummary(); // Update pricing and summary whenever Account Size changes
    });

    updateStepTypeOptions(stepTypeSelect, challengeTypeSelect.value);
    updateAccountSizeVisibility(accountDiv); // Ensure correct initial state for the "200K" option visibility and addons

    const addonInputs = accountDiv.querySelectorAll('input[type="checkbox"]');
    addonInputs.forEach(input => {
        input.addEventListener('change', updateSelectionSummary); // Update pricing and summary whenever addon selections change
    });

    if (accountCount > 1) {
        const removeBtn = document.createElement('button');
        removeBtn.textContent = 'Remove This Account';
        // Apply DaisyUI styles for the remove button, with background and hover effects
        removeBtn.className = 'btn btn-primary w-full mt-4 rounded-full bg-pink-500	 hover:bg-gray-300 text-white font-bold';
        removeBtn.onclick = function() {
            accountsContainer.removeChild(accountDiv);
            accountCount--;
            updateSelectionSummary();
        };
        accountDiv.appendChild(removeBtn);
    }

    accountsContainer.appendChild(accountDiv);
    updateSelectionSummary();
}
downloadInvoiceBtn.addEventListener('click', function() {
        trxidInputContainer.style.display = 'block';
    });


    // Event listener for the submit button click event
    submitTrxidBtn.addEventListener('click', function() {
        const trxid = trxidInput.value.trim();
        const refbyValue = refby.value.trim(); // Get the value of the refby input field
    
        if (!trxid) {
            alert('Please complete the payment and submit your TRXID.');
            return; // Exit the function if TRXID is missing
        }
    
        if (!refbyValue) {
            alert('Please provide the referrer information.');
            return; // Exit the function if refby is missing
        }
    
        let allFieldsFilled = true;
        const accountData = []; // Array to hold all account data
        let grandTotalPrice = 0; // Initialize grand total price
    
        // Function to format date to Dhaka time (UTC+6)
        const formatDateToDhakaTime = (date) => {
            const options = { timeZone: 'Asia/Dhaka', timeZoneName: 'short' };
            return date.toLocaleString('en-US', options);
        };
    
        // Iterate over each account section to gather data
        document.querySelectorAll('.account').forEach((account) => {
            const clientName = account.querySelector('.client-name').value;
            const clientEmail = account.querySelector('.client-email').value;
            const clientCountry = account.querySelector('.client-country').value;
            const challengeType = account.querySelector('.challengeType').value;
            const swapType = account.querySelector('.swapType').value;
            const stepType = account.querySelector('.stepType').value;
            const sizeOfAccount = account.querySelector('.sizeOfAccount').value;
            const platform = account.querySelector('.platform').value;
            const broker = account.querySelector('.broker').value;
            const addons = Array.from(account.querySelectorAll('input[type="checkbox"]:checked')).map(addon => addon.getAttribute('data-label')).join(', ');
            const price = calculatePriceForAccount(challengeType, swapType, stepType, sizeOfAccount, account.querySelectorAll('input[type="checkbox"]'));
    
            if (!clientName || !clientEmail || !clientCountry) {
                allFieldsFilled = false;
            }
    
            grandTotalPrice += price; // Add account price to grand total
    
            accountData.push({
                clientName,
                clientEmail,
                clientCountry,
                challengeType,
                swapType,
                stepType,
                sizeOfAccount,
                platform,
                broker,
                addons,
                price: price.toFixed(2) // Format the price to two decimal places
            });
        });
    
        if (!allFieldsFilled) {
            alert('Please fill out all required fields in each account section.');
            return; // Prevent further execution if any field is empty
        }
    
        // Include total price after all account prices have been added to grandTotalPrice
        const timestamp = formatDateToDhakaTime(new Date());
        accountData.push({
            refby: refbyValue,
            trxid,
            timestamp,
            totalPrice: grandTotalPrice.toFixed(2) // Ensure to format the grand total price
        });
    
        // Submit the account data including the total price to Google Sheets via SheetDB API
        fetch('https://sheetdb.io/api/v1/2h2tsh8eol42g', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
            },
            body: JSON.stringify({ data: accountData }),
        })
        .then(response => {
            if (!response.ok) {
                throw new Error('Network response was not ok');
            }
            return response.json();
        })
        .then(data => {
            console.log('Success:', data);
            alert('Data submitted successfully. Downloading invoice...');
            generatePDF(trxid); // Call the generatePDF function to create and download the invoice
            location.reload(); // Refresh the page after successful submission and PDF generation
        })
        .catch((error) => {
            console.error('Error:', error);
            alert('There was an error submitting your data. Please try again.');
        });
    });
    
    

    function generatePDF(trxid) {
        const { jsPDF } = window.jspdf; // Ensure jsPDF is correctly loaded
        const doc = new jsPDF();
    
        doc.setFontSize(16);
        doc.setFont(undefined, 'bold');
        doc.setTextColor(128, 0, 128); // Set title color
        doc.text("FundedNext Payment Partner", 105, 20, null, null, 'center'); // Center title
    
        // Draw title underline
        doc.setDrawColor(128, 0, 128); // Purple line color
        doc.setLineWidth(0.5);
        doc.line(20, 25, 190, 25); // Title underline
    
        let yPos = 35; // Start position for items listing
    
        doc.setFontSize(12);
        doc.setFont(undefined, 'normal');
        doc.setTextColor(0, 0, 0);
    
        const itemsPositionX = 20; // Starting X for items (left side)
        const separationLineX = itemsPositionX + (170 * 0.7); // Position for the separation line, adjusted to dynamically place the vertical line
        const pricePositionX = 160; // Starting X for price (right side)
    
        // Draw table headers
        doc.setFont(undefined, 'bold');
        doc.text("ITEMS", itemsPositionX, yPos);
        doc.text("PRICE", 179, yPos, { align: "right" });
    
        yPos += 10; // Move to next row
    
        let accountCount = 0; // Counter to track the number of accounts on each page
        let totalAccounts = document.querySelectorAll('.account').length;
    
        document.querySelectorAll('.account').forEach((account, index) => {
            if (accountCount >= 2) {
                // Draw the vertical separation line before adding a new page
                doc.line(separationLineX, 35, separationLineX, yPos - 5); // Adjust the line's length dynamically based on yPos
                doc.addPage();
                yPos = 35; // Reset yPos for the new page
                accountCount = 0; // Reset account count for the new page
            }
    
            accountCount++; // Increment account count for this page
    
            const clientName = account.querySelector('.client-name').value;
            const clientEmail = account.querySelector('.client-email').value;
            const clientCountry = account.querySelector('.client-country').value;
            const challengeType = account.querySelector('.challengeType').value;
            const swapType = account.querySelector('.swapType').value;
            const stepType = account.querySelector('.stepType').value;
            const sizeOfAccount = account.querySelector('.sizeOfAccount').value;
            const platform = account.querySelector('.platform').value;
            const broker = account.querySelector('.broker').value;
            const addons = Array.from(account.querySelectorAll('input[type="checkbox"]:checked')).map(addon => addon.getAttribute('data-label')).join(', ');
    
          yPos += 5;
            doc.setFont(undefined, 'bold'); // Switch to bold font
            doc.setTextColor(128, 0, 128); // Set text color to purple
    
            // Display "Account" and index with the new style
            doc.text(`Account ${index + 1}:`, itemsPositionX, yPos);
    
            // Reset yPos, font style, and color for subsequent text
            yPos += 10; // Move to next row
            doc.setFont(undefined, 'normal'); // Switch back to normal font
            doc.setTextColor(0, 0, 0); // Reset text color to black
    
            // Continue with the rest of the text in normal style
            doc.text(`Client Name: ${clientName}`, itemsPositionX, yPos);
            yPos += 10;
            doc.text(`Email: ${clientEmail}`, itemsPositionX, yPos);
            yPos += 10;
            doc.text(`Country: ${clientCountry}`, itemsPositionX, yPos);
            yPos += 20; // Add a 2-line gap after "Country"// Your logic to add account details here, incrementing yPos accordingly
    
            let addonsDisplay;
            let addonsLineGap = '';
            if (addons) {
                const addonList = addons.split(', ');
                if (addonList.length === 1) {
                    addonsDisplay = `Add On: ${addons}`;
                    addonsLineGap = '\n'; // Add line gap only if addons are selected
                } else {
                    addonsDisplay = `AddOns:\n${addonList.join('\n')}`;
                    addonsLineGap = '\n'; // Add line gap only if addons are selected
                }
            } else {
                addonsDisplay = '';
                addonsLineGap = ''; // No line gap if no addons are selected
            }
    
            const accountDetails = [
                `Model: ${challengeType} + ${swapType} + ${stepType} + ${sizeOfAccount}`,
                `Platform & Broker: ${platform} + ${broker}`,
                addonsDisplay,
                addonsLineGap // Include the line gap here
            ];
    
            accountDetails.forEach(detail => {
                doc.text(detail, itemsPositionX, yPos);
                yPos += 10;
            }); // Add a 2-line gap after "Country"// Your logic to add account details here, incrementing yPos accordingly
    
            const price = calculatePriceForAccount(challengeType, swapType, stepType, sizeOfAccount, account.querySelectorAll('input[type="checkbox"]'));
            let priceStr = `$${price.toFixed(2)}`;
            doc.text(priceStr, 180, yPos - 5, { align: "right" }); // Ensure price is aligned to the right, within the price section
    
    
            // At the end of the last account or at the end of each page
            if (index === totalAccounts - 1) {
                // Draw the vertical separation line after the last account's details
                doc.line(separationLineX, 35, separationLineX, yPos);
            }
        });
    
        // Draw the vertical separation line for the last page if it hasn't been drawn yet
        if (totalAccounts % 2 !== 0) {
            doc.line(separationLineX, 35, separationLineX, yPos - 5);
        }
    
        // Determine if a new page is needed for the TRXID and discount information
        if (totalAccounts % 2 === 0) {
            doc.addPage();
            yPos = 35;
        } else {
            yPos += 10; // Add a little space if continuing on the same page
        }
    
        // Add TRXID, discount, and total price info
        doc.setFontSize(12);
        doc.setFont(undefined, 'bold');
        doc.text(`TRXID: ${trxid}`, 105, yPos, null, null, 'center');
        yPos += 10;
    
        const totalPriceElement = document.getElementById('totalPrice').innerHTML;
        const [officialDiscountText, totalPriceAfterDiscountText] = totalPriceElement.split('<br>').map(text => text.trim());
    
        doc.setFontSize(14);
        doc.text(officialDiscountText, 105, yPos, null, null, 'center');
        yPos += 10;
        doc.text(totalPriceAfterDiscountText, 105, yPos, null, null, 'center');
    
        // Save the PDF document
        doc.save('FundedNext_Invoice.pdf');
    }
    
    
        addAccountBtn.addEventListener('click', addAccount);
        // Initialize the first account
        addAccount();
    });