1<script>
 2document.addEventListener('DOMContentLoaded', function() {
 3    const optionsQuantityField = document.getElementById('form-field-quantity_options');
 4    const servicesQuantityField = document.getElementById('form-field-quantity_services');
 5    const optionsPriceField = document.getElementById('form-field-price_options');
 6    const servicesPriceField = document.getElementById('form-field-price_services');
 7    const totalField = document.getElementById('form-field-total');
 8    const optionsField = document.getElementById('form-field-options');
 9    const servicesField = document.getElementById('form-field-services');
10    const paypalAmountInput = document.getElementById('paypal-amount');
11    const paypalItemNameInput = document.getElementById('paypal-item-name');
12 
13    // CHANGE: Added this line to select the form element
14    const form = document.getElementById('paypal-form');
15 
16    function getPrice(option) {
17        switch(option) {
18            case 'Option A - $1':
19                return 1;
20            case 'Option B - $1':
21                return 1;
22            case 'Option C - $1':
23                return 1;
24            default:
25                return 0;
26        }
27    }
28 
29    function getServicePrice(service) {
30        switch(service) {
31            case 'Service 1 - $1':
32                return 1;
33            case 'Service 2 - $1':
34                return 1;
35            case 'Service 3 - $1':
36                return 1;
37            default:
38                return 0;
39        }
40    }
41 
42    function updatePrices() {
43        const selectedOption = optionsField.value;
44        const selectedService = servicesField.value;
45        const optionPrice = getPrice(selectedOption);
46        const servicePrice = getServicePrice(selectedService);
47        const optionsQuantity = parseFloat(optionsQuantityField.value) || 0;
48        const servicesQuantity = parseFloat(servicesQuantityField.value) || 0;
49        const optionsTotalPrice = optionsQuantity * optionPrice;
50        const servicesTotalPrice = servicesQuantity * servicePrice;
51        optionsPriceField.value = `$${optionsTotalPrice.toFixed(2)}`;
52        servicesPriceField.value = `$${servicesTotalPrice.toFixed(2)}`;
53        return {
54            selectedOption,
55            optionsQuantity,
56            selectedService,
57            servicesQuantity,
58            optionsTotalPrice,
59            servicesTotalPrice
60        };
61    }
62 
63    function calculateTotal() {
64        const { selectedOption, optionsQuantity, selectedService, servicesQuantity, optionsTotalPrice, servicesTotalPrice } = updatePrices();
65        const total = optionsTotalPrice + servicesTotalPrice;
66        totalField.value = `$${total.toFixed(2)}`;
67        paypalAmountInput.value = total.toFixed(2); // Update PayPal amount
68        paypalItemNameInput.value = `Options: ${optionsQuantity} x ${selectedOption}, Services: ${servicesQuantity} x ${selectedService}`; // Update PayPal item name
69    }
70 
71    // Initial price setting based on default option
72    calculateTotal();
73 
74    // Add event listeners
75    optionsQuantityField.addEventListener('input', calculateTotal);
76    servicesQuantityField.addEventListener('input', calculateTotal);
77    optionsField.addEventListener('change', calculateTotal);
78    servicesField.addEventListener('change', calculateTotal);
79 
80    // CHANGE: Added this block to prevent the form from submitting when the Enter key is pressed
81    form.addEventListener('keypress', function(event) {
82        if (event.key === 'Enter') {
83            event.preventDefault(); // Prevent the form from submitting
84        }
85    });
86});
87</script>