' + dishName + ' ' +
'' +
'' +
'- ' +
'+ ' +
'
' +
' ' +
'' +
'' + dishName + ' ' +
'' +
'' +
'- ' +
'+ ' +
'
' +
' ' +
' ';
selectedDishesTable.append(row);
});
updateSelectedItems('#selected-asian-appetizer tbody tr','#selected_appetizer_hidden'); // Update the hidden input
// Add event listeners for plus and minus buttons
});
$('.asian-appetizer').change(function() {
var selectedOptions = $(this).find('option:selected');
var selectedOptionsIndian = $('.indian-appetizer').find('option:selected');
var selectedDishesTable = $('#selected-asian-appetizer tbody');
selectedDishesTable.empty(); // Clear previous selections
selectedOptionsIndian.each(function() {
var dishName = $(this).val();
var product_id = $(this).data('id');
var price = parseFloat($(this).data('price')).toFixed(2);
var dishname_replace = dishName.replace(/\s+/g, '-');
var row = '' +
'' + dishName + ' ' +
'' +
'' +
'- ' +
'+ ' +
'
' +
' ' +
' ';
selectedDishesTable.append(row);
});
selectedOptions.each(function() {
var dishName = $(this).val();
var product_id = $(this).data('id');
var price = parseFloat($(this).data('price')).toFixed(2);
var dishname_replace = dishName.replace(/\s+/g, '-');
var row = '' +
'' + dishName + ' ' +
'' +
'' +
'- ' +
'+ ' +
'
' +
' ' +
' ';
selectedDishesTable.append(row);
});
updateSelectedItems('#selected-asian-appetizer tbody tr','#selected_appetizer_hidden'); // Update the hidden input
});
// Add event listeners for plus and minus buttons
$('#selected-asian-appetizer tbody').on('click', '.plus', function() {
var quantityInput = $(this).closest('td').find('.quantity');
var currentValue = parseFloat(quantityInput.val());
console.log("currentValue",currentValue);
console.log(currentValue + 0.5);
quantityInput.val(currentValue + 0.5);
updateSelectedItems('#selected-asian-appetizer tbody tr','#selected_appetizer_hidden'); // Update the hidden input
calculateGrandTotal('#selected-asian-appetizer tbody tr','#grand-total-asian');
});
$('#selected-asian-appetizer tbody').on('click', '.minus', function() {
var quantityInput = $(this).closest('td').find('.quantity');
var currentValue = parseFloat(quantityInput.val());
if (currentValue > 0.5) {
quantityInput.val(currentValue - 0.5);
updateSelectedItems('#selected-asian-appetizer tbody tr','#selected_appetizer_hidden'); // Update the hidden input
calculateGrandTotal('#selected-asian-appetizer tbody tr','#grand-total-asian');
}
});
calculateGrandTotal('#selected-asian-appetizer tbody tr','#grand-total-asian'); // Calculate total when items are added
// Calculate total based on quantity change
$('#selected-asian-appetizer').on('input', '.quantity', function() {
updateSelectedItems('#selected-asian-appetizer tbody tr','#selected_appetizer_hidden'); // Update the hidden input
calculateGrandTotal('#selected-asian-appetizer tbody tr','#grand-total-asian');
});
$('.indian-maincource').change(function() {
var selectedOptions = $(this).find('option:selected');
var selectedOptionsAsian = $('.asian-maincource').find('option:selected');
var selectedDishesTable = $('#selected-indian-maincource tbody');
var selectedDishesTableAsian = $('#selected-asian-maincource tbody');
selectedDishesTableAsian.empty(); // Clear previous selections
selectedOptions.each(function() {
var dishName = $(this).val();
var product_id = $(this).data('id');
var price = parseFloat($(this).data('price')).toFixed(2);
var dishname_replace = dishName.replace(/\s+/g, '-');
var row = '' +
'' + dishName + ' ' +
'' +
'' +
'- ' +
'+ ' +
'
' +
' ' +
' ';
selectedDishesTableAsian.append(row);
});
selectedOptionsAsian.each(function() {
var dishName = $(this).val();
var product_id = $(this).data('id');
var price = parseFloat($(this).data('price')).toFixed(2);
var dishname_replace = dishName.replace(/\s+/g, '-');
var row = '' +
'' + dishName + ' ' +
'' +
'' +
'- ' +
'+ ' +
'
' +
' ' +
' ';
selectedDishesTableAsian.append(row);
});
updateSelectedItems('#selected-asian-maincource tbody tr','#selected_asian_maincource_hidden'); // Update the hidden input
});
$('.asian-maincource').change(function() {
var selectedOptionsIndian = $('.indian-maincource').find('option:selected');
var selectedOptions = $(this).find('option:selected');
var selectedDishesTable = $('#selected-asian-maincource tbody');
selectedDishesTable.empty(); // Clear previous selections
selectedOptions.each(function() {
var dishName = $(this).val();
var product_id = $(this).data('id');
var price = parseFloat($(this).data('price')).toFixed(2);
var dishname_replace = dishName.replace(/\s+/g, '-');
var row = '' +
'' + dishName + ' ' +
'' +
'' +
'- ' +
'+ ' +
'
' +
' ' +
' ';
selectedDishesTable.append(row);
});
selectedOptionsIndian.each(function() {
var dishName = $(this).val();
var product_id = $(this).data('id');
var price = parseFloat($(this).data('price')).toFixed(2);
var dishname_replace = dishName.replace(/\s+/g, '-');
var row = '' +
'' + dishName + ' ' +
'' +
'' +
'- ' +
'+ ' +
'
' +
' ' +
' ';
selectedDishesTable.append(row);
});
updateSelectedItems('#selected-asian-maincource tbody tr','#selected_asian_maincource_hidden'); // Update the hidden input
});
// Add event listeners for plus and minus buttons
$('#selected-asian-maincource tbody').on('click', '.plus', function() {
var quantityInput = $(this).closest('td').find('.quantity');
var currentValue = parseFloat(quantityInput.val());
quantityInput.val(currentValue + 0.5);
updateSelectedItems('#selected-asian-maincource tbody tr','#selected_asian_maincource_hidden'); // Update the hidden input
calculateGrandTotal('#selected-asian-maincource tbody tr','#grand-total-asian-maincource');
});
$('#selected-asian-maincource tbody').on('click', '.minus', function() {
var quantityInput = $(this).closest('td').find('.quantity');
var currentValue = parseFloat(quantityInput.val());
if (currentValue > 0.5) {
quantityInput.val(currentValue - 0.5);
updateSelectedItems('#selected-asian-maincource tbody tr','#selected_asian_maincource_hidden'); // Update the hidden input
calculateGrandTotal('#selected-asian-maincource tbody tr','#grand-total-asian-maincource');
}
});
calculateGrandTotal('#selected-asian-maincource tbody tr','#grand-total-asian-maincource'); // Calculate total when items are added
// Calculate total based on quantity change
$('#selected-asian-maincource').on('input', '.quantity', function() {
updateSelectedItems('#selected-asian-maincource tbody tr','#selected_asian_maincource_hidden'); // Update the hidden input
calculateGrandTotal('#selected-asian-maincource tbody tr','#grand-total-asian-maincource');
});
$('.select-rice').change(function() {
var selectedOptions = $(this).find('option:selected');
var selectedDishesTable = $('#selected-rice tbody');
selectedDishesTable.empty(); // Clear previous selections
selectedOptions.each(function() {
var dishName = $(this).val();
var product_id = $(this).data('id');
var price = parseFloat($(this).data('price')).toFixed(2);
var dishname_replace = dishName.replace(/\s+/g, '-');
var row = '' +
'' + dishName + ' ' +
'' +
'' +
'- ' +
'+ ' +
'
' +
' ' +
' ';
selectedDishesTable.append(row);
});
updateSelectedItems('#selected-rice tbody tr','#selected_rice_hidden'); // Update the hidden input
// Add event listeners for plus and minus buttons
selectedDishesTable.on('click', '.plus', function() {
var quantityInput = $(this).closest('td').find('.quantity');
var currentValue = parseFloat(quantityInput.val());
quantityInput.val(currentValue + 0.5);
updateSelectedItems('#selected-rice tbody tr','#selected_rice_hidden'); // Update the hidden input
calculateGrandTotal('#selected-rice tbody tr','#grand-total-rice');
});
selectedDishesTable.on('click', '.minus', function() {
var quantityInput = $(this).closest('td').find('.quantity');
var currentValue = parseFloat(quantityInput.val());
if (currentValue > 0.5) {
quantityInput.val(currentValue - 0.5);
updateSelectedItems('#selected-rice tbody tr','#selected_rice_hidden'); // Update the hidden input
calculateGrandTotal('#selected-rice tbody tr','#grand-total-rice');
}
});
calculateGrandTotal('#selected-rice tbody tr','#grand-total-rice'); // Calculate total when items are added
// Calculate total based on quantity change
$('#selected-rice').on('input', '.quantity', function() {
updateSelectedItems('#selected-rice tbody tr','#selected_rice_hidden'); // Update the hidden input
calculateGrandTotal('#selected-rice tbody tr','#grand-total-rice');
});
});
$('.select-bread').change(function() {
var selectedOptions = $(this).find('option:selected');
var selectedDishesTable = $('#selected-bread tbody');
selectedDishesTable.empty(); // Clear previous selections
selectedOptions.each(function() {
var dishName = $(this).val();
var product_id = $(this).data('id');
var price = parseFloat($(this).data('price')).toFixed(2);
var dishname_replace = dishName.replace(/\s+/g, '-');
var row = '' +
'' + dishName + ' ' +
'' +
'' +
'- ' +
'+ ' +
'
' +
' ' +
' ';
selectedDishesTable.append(row);
});
updateSelectedItems('#selected-bread tbody tr','#selected_bread_hidden'); // Update the hidden input
// Add event listeners for plus and minus buttons
selectedDishesTable.on('click', '.plus', function() {
var quantityInput = $(this).closest('td').find('.quantity');
var currentValue = parseFloat(quantityInput.val());
quantityInput.val(currentValue + 0.5);
updateSelectedItems('#selected-bread tbody tr','#selected_bread_hidden'); // Update the hidden input
calculateGrandTotal('#selected-bread tbody tr','#grand-total-bread');
});
selectedDishesTable.on('click', '.minus', function() {
var quantityInput = $(this).closest('td').find('.quantity');
var currentValue = parseFloat(quantityInput.val());
if (currentValue > 0.5) {
quantityInput.val(currentValue - 0.5);
updateSelectedItems('#selected-bread tbody tr','#selected_bread_hidden'); // Update the hidden input
calculateGrandTotal('#selected-bread tbody tr','#grand-total-bread');
}
});
calculateGrandTotal('#selected-bread tbody tr','#grand-total-bread'); // Calculate total when items are added
// Calculate total based on quantity change
$('#selected-bread').on('input', '.quantity', function() {
updateSelectedItems('#selected-bread tbody tr','#selected_bread_hidden'); // Update the hidden input
calculateGrandTotal('#selected-bread tbody tr','#grand-total-bread');
});
});
$('.indian-dessert').change(function() {
var selectedOptions = $(this).find('option:selected');
var selectedDishesTable = $('#selected-dessert tbody');
var selectedOptionsAsian = $('.asian-dessert').find('option:selected');
var selectedDishesTableAsian = $('#selected-dessert-asian tbody');
selectedDishesTableAsian.empty(); // Clear previous selections
selectedOptions.each(function() {
var dishName = $(this).val();
var product_id = $(this).data('id');
var price = parseFloat($(this).data('price')).toFixed(2);
var dishname_replace = dishName.replace(/\s+/g, '-');
var row = '' +
'' + dishName + ' ' +
'' +
'' +
'- ' +
'+ ' +
'
' +
' ' +
' ';
selectedDishesTableAsian.append(row);
});
updateSelectedItems('#selected-dessert-asian tbody tr','#selected_dessert_hidden');
// Add event listeners for plus and minus buttons
$('#selected-dessert-asian tbody').on('click', '.plus', function() {
var quantityInput = $(this).closest('td').find('.quantity');
var currentValue = parseFloat(quantityInput.val());
quantityInput.val(currentValue + 0.5);
updateSelectedItems('#selected-dessert-asian tbody tr','#selected_dessert_hidden'); // Update the hidden input
calculateGrandTotal('#selected-dessert-asian tbody tr','#grand-total-dessert-asian');
});
$('#selected-dessert-asian tbody').on('click', '.minus', function() {
var quantityInput = $(this).closest('td').find('.quantity');
var currentValue = parseFloat(quantityInput.val());
if (currentValue > 0.5) {
quantityInput.val(currentValue - 0.5);
updateSelectedItems('#selected-dessert-asian tbody tr','#selected_dessert_hidden'); // Update the hidden input
calculateGrandTotal('#selected-dessert-asian tbody tr','#grand-total-dessert-asian');
}
});
calculateGrandTotal('#selected-dessert-asian tbody tr','#grand-total-dessert-asian'); // Calculate total when items are added
// Calculate total based on quantity change
$('#selected-dessert').on('input', '.quantity', function() {
updateSelectedItems('#selected-dessert-asian tbody tr','#selected_dessert_hidden'); // Update the hidden input
calculateGrandTotal('#selected-dessert-asian tbody tr','#grand-total-dessert-asian');
});
});
$('.accompaniements').change(function() {
var selectedOptions = $(this).find('option:selected');
var selectedDishesTable = $('#selected-accompaniements tbody');
selectedDishesTable.empty(); // Clear previous selections
selectedOptions.each(function() {
var dishName = $(this).val();
var product_id = $(this).data('id');
var price = parseFloat($(this).data('price')).toFixed(2);
var dishname_replace = dishName.replace(/\s+/g, '-');
var row = '' +
'' + dishName + ' ' +
'' +
'' +
'- ' +
'+ ' +
'
' +
' ' +
' ';
selectedDishesTable.append(row);
});
updateSelectedItems('#selected-accompaniements tbody tr','#selected_accompaniements_hidden'); // Update the hidden input
});
// Add event listeners for plus and minus buttons
$('#selected-accompaniements tbody').on('click', '.plus', function() {
var quantityInput = $(this).closest('td').find('.quantity');
var currentValue = parseFloat(quantityInput.val());
quantityInput.val(currentValue + 0.5);
updateSelectedItems('#selected-accompaniements tbody tr','#selected_accompaniements_hidden'); // Update the hidden input
calculateGrandTotal('#selected-accompaniements tbody tr','#grand-total-accompaniements');
});
$('#selected-accompaniements tbody').on('click', '.minus', function() {
var quantityInput = $(this).closest('td').find('.quantity');
var currentValue = parseFloat(quantityInput.val());
if (currentValue > 0.5) {
quantityInput.val(currentValue - 0.5);
updateSelectedItems('#selected-accompaniements tbody tr','#selected_accompaniements_hidden'); // Update the hidden input
calculateGrandTotal('#selected-accompaniements tbody tr','#grand-total-accompaniements');
}
});
calculateGrandTotal('#selected-accompaniements tbody tr','#grand-total-accompaniements'); // Calculate total when items are added
// Calculate total based on quantity change
$('#selected-accompaniements').on('input', '.quantity', function() {
updateSelectedItems('#selected-accompaniements tbody tr','#selected_accompaniements_hidden'); // Update the hidden input
calculateGrandTotal('#selected-accompaniements tbody tr','#grand-total-accompaniements');
});
// Function to calculate the grand total
function calculateGrandTotal(selector,grand_total_id) {
var grandTotal = 0;
$(selector).each(function() {
var price = parseFloat($(this).find('td:nth-child(2)').text()); // Price of the dish
var quantity = parseFloat($(this).find('.quantity').val()); // Quantity input by the user
var total = price * quantity; // Calculate total for this row
$(this).find('.total').text(total.toFixed(2)); // Update the total in the table for this row
grandTotal += total; // Add to the grand total
});
$(grand_total_id).text(grandTotal.toFixed(2)); // Display the grand total
}
function updateHiddenFields(row) {
var price = parseFloat(row.find('td:eq(1)').text());
var quantity = parseFloat(row.find('.quantity').val());
var total = (price * quantity).toFixed(2);
row.find('.total').text(total); // Update total in the table
row.find('.hidden-quantity').val(quantity); // Update hidden quantity field
row.find('.hidden-total').val(total); // Update hidden total field
}
// Function to update the hidden input with selected items' data
function updateSelectedItems(trselection,id) {
var selectedItems = [];
$(trselection).each(function() {
var dishName = $(this).find('td:first').text();
var price = parseFloat($(this).find('.hidden-price').val()).toFixed(2);
var quantity = parseFloat($(this).find('.quantity').val());
var total = (price * quantity).toFixed(2);
var product_id = $(this).find('.hidden-product_id').val();
selectedItems.push({
id:product_id,
name: dishName,
price: price,
quantity: quantity,
total: total
});
});
// Store the selected items array as a JSON string in the hidden input
$(id).val(JSON.stringify(selectedItems));
}
});
