-
Notifications
You must be signed in to change notification settings - Fork 0
/
gallery.js
178 lines (145 loc) · 7.56 KB
/
gallery.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
const toggleButton = document.querySelector('.toggle_btn');
const icon = toggleButton.querySelector('i');
toggleButton.addEventListener('click', Show)
function Show() {
// document.querySelector('.mobileContainer').style.display = 'block'
document.querySelector('.mobileContainer').classList.toggle('show-menu');
// Toggle between the bars and X icon
if (icon.classList.contains('fa-bars')) {
icon.classList.remove('fa-bars');
icon.classList.add('fa-times');
} else {
icon.classList.remove('fa-times');
icon.classList.add('fa-bars');
}
};
document.querySelector('.orderNow').addEventListener('click', popCart)
document.getElementById('closeCart').addEventListener('click', closeCart)
function popCart() {
document.getElementById('cartContainer').style.display = 'block';
};
function closeCart() {
document.getElementById('cartContainer').style.display = 'none';
};
const selectedTime = document.getElementById('time').value;
function showMeals() {
// Hide all meal sections
const mealSections = document.querySelectorAll('#menu ul');
mealSections.forEach(section => {
section.style.display = 'none';
});
// Show selected meal section
const selectedTime = document.getElementById('time').value;
const selectedSection = document.getElementById(selectedTime + '-meals');
if (selectedSection) {
selectedSection.style.display = 'block';
}
// Change background color
const cartContent = document.getElementById('cartContent');
if (selectedTime === "choose") {
cartContent.style.background = ''; // Revert to default background color
} else {
cartContent.style.background = 'white';
}
}
function calculateTotal() {
// Retrieve the selected time of the day
const selectedTime = document.getElementById('time').value;
// Retrieve the quantity for each meal
const meal1Quantity = parseInt(document.getElementById('meal1').value);
const meal2Quantity = parseInt(document.getElementById('meal2').value);
const meal3Quantity = parseInt(document.getElementById('meal3').value);
const meal4Quantity = parseInt(document.getElementById('meal4').value);
const meal5Quantity = parseInt(document.getElementById('meal5').value);
const meal6Quantity = parseInt(document.getElementById('meal6').value);
const meal7Quantity = parseInt(document.getElementById('meal7').value);
const meal8Quantity = parseInt(document.getElementById('meal8').value);
const meal9Quantity = parseInt(document.getElementById('meal9').value);
const meal10Quantity = parseInt(document.getElementById('meal10').value);
const meal11Quantity = parseInt(document.getElementById('meal11').value);
const meal12Quantity = parseInt(document.getElementById('meal12').value);
const meal13Quantity = parseInt(document.getElementById('meal13').value);
const meal14Quantity = parseInt(document.getElementById('meal14').value);
const meal15Quantity = parseInt(document.getElementById('meal15').value);
const meal16Quantity = parseInt(document.getElementById('meal16').value);
const meal17Quantity = parseInt(document.getElementById('meal17').value);
const meal18Quantity = parseInt(document.getElementById('meal18').value);
const meal19Quantity = parseInt(document.getElementById('meal19').value);
const meal20Quantity = parseInt(document.getElementById('meal20').value);
const meal21Quantity = parseInt(document.getElementById('meal21').value);
const meal22Quantity = parseInt(document.getElementById('meal22').value);
const meal23Quantity = parseInt(document.getElementById('meal23').value);
const meal24Quantity = parseInt(document.getElementById('meal24').value);
const meal25Quantity = parseInt(document.getElementById('meal25').value);
const meal26Quantity = parseInt(document.getElementById('meal26').value);
const meal27Quantity = parseInt(document.getElementById('meal27').value);
const meal28Quantity = parseInt(document.getElementById('meal28').value);
const meal29Quantity = parseInt(document.getElementById('meal29').value);
const meal30Quantity = parseInt(document.getElementById('meal30').value);
const meal31Quantity = parseInt(document.getElementById('meal31').value);
const meal32Quantity = parseInt(document.getElementById('meal32').value);
const meal33Quantity = parseInt(document.getElementById('meal33').value);
const meal34Quantity = parseInt(document.getElementById('meal34').value);
const meal35Quantity = parseInt(document.getElementById('meal35').value);
const meal36Quantity = parseInt(document.getElementById('meal36').value);
// Define the prices for each meal
const meal1Price = 4.30;
const meal2Price = 4.70;
const meal3Price = 5.30;
const meal4Price = 4.50;
const meal5Price = 4.00;
const meal6Price = 5.20;
const meal7Price = 3.60;
const meal8Price = 4.30;
const meal9Price = 5.60;
const meal10Price = 5.80;
const meal11Price = 6.30;
const meal12Price = 5.50;
const meal13Price = 5.20;
const meal14Price = 3.80;
const meal15Price = 6.20;
const meal16Price = 7.20;
const meal17Price = 6.00;
const meal18Price = 4.75;
const meal19Price = 3.50;
const meal20Price = 4.00;
const meal21Price = 5.25;
const meal22Price = 4.00;
const meal23Price = 5.25;
const meal24Price = 4.00;
const meal25Price = 5.55;
const meal26Price = 6.25;
const meal27Price = 3.65;
const meal28Price = 4.00;
const meal29Price = 4.50;
const meal30Price = 5.00;
const meal31Price = 4.00;
const meal32Price = 5.00;
const meal33Price = 4.50;
const meal34Price = 5.25;
const meal35Price = 4.75;
const meal36Price = 4.00;
// Calculate the total amount
let totalAmount = 0;
// Calculate total based on selected time and meal quantities
if (selectedTime === 'brunch') {
totalAmount = meal1Quantity * meal1Price + meal2Quantity * meal2Price + meal3Quantity * meal3Price + meal4Quantity * meal4Price + meal5Quantity * meal5Price + meal6Quantity * meal6Price + meal7Quantity * meal7Price;
} else if (selectedTime === 'lunch') {
totalAmount = meal8Quantity * meal8Price + meal9Quantity * meal9Price + meal10Quantity * meal10Price + meal11Quantity * meal11Price + meal12Quantity * meal12Price + meal13Quantity * meal13Price + meal14Quantity * meal14Price + meal15Quantity * meal15Price ;
} else if (selectedTime === 'dinner') {
totalAmount = meal16Quantity * meal16Price + meal17Quantity * meal17Price + meal18Quantity * meal18Price + meal19Quantity * meal19Price + meal20Quantity * meal20Price + meal21Quantity * meal21Price + meal22Quantity * meal22Price + meal23Quantity * meal23Price;
} else if (selectedTime === 'wines&Cocktails') {
totalAmount = meal24Quantity * meal24Price + meal25Quantity * meal25Price + meal26Quantity * meal26Price + meal27Quantity * meal27Price + meal28Quantity * meal28Price + meal29Quantity * meal29Price + meal30Quantity * meal30Price ;
}
else if (selectedTime === 'desserts'){
totalAmount = meal31Quantity * meal31Price + meal32Quantity * meal32Price + meal33Quantity * meal33Price + meal34Quantity * meal34Price + meal35Quantity * meal35Price + meal36Quantity * meal36Price ;
}
// Display the total amount
document.getElementById('total').innerHTML = 'Total Amount: $' + totalAmount.toFixed(2);
// Redirect to the payment website
if (totalAmount > 0) {
window.location.href = 'https://paypal.com'; // Replace with the actual payment website URL
} else {
alert('No items selected. Please choose at least one item.');
}
}