-
+
-
Are you sure?
- This will prevent future automatic reminders from being sent for enquiry .
+ This will prevent future automatic reminders for quote in enquiry .
-
@@ -226,9 +287,44 @@ function showConfirmModal(button, reminderType, enquiryRef, customerName, remind
currentForm = button.closest('form');
currentReminderType = reminderType;
- document.getElementById('modalReminderType').textContent = reminderTypeName;
- document.getElementById('modalEnquiryRef').textContent = enquiryRef;
- document.getElementById('modalCustomerName').textContent = customerName;
+ // Get the current reminder type from the row
+ const row = button.closest('tr');
+ const reminderCell = row.querySelector('td:nth-child(6)');
+ const currentReminderText = reminderCell.textContent.trim();
+
+ // Check if trying to send same or earlier reminder than what's already been sent
+ const currentLevel = currentReminderText.includes('Final Reminder') ? 3 :
+ currentReminderText.includes('Second Reminder') ? 2 :
+ currentReminderText.includes('First Reminder') ? 1 : 0;
+
+ const modalBody = document.querySelector('#confirmModal .px-7.py-3 p');
+
+ if (currentLevel >= reminderType) {
+ // Warning: trying to send same or earlier reminder
+ const currentReminderName = currentLevel === 3 ? 'Final Reminder' :
+ currentLevel === 2 ? 'Second Reminder' : 'First Reminder';
+ modalBody.innerHTML = `
+
+ Send ${reminderTypeName} for enquiry ${enquiryRef} to ${customerName}?
+
+
+
+
+
+ Warning: The customer has already received their ${currentReminderName}.
+
+
+
+ `;
+ } else {
+ // Normal confirmation
+ modalBody.innerHTML = `
+
+ Send ${reminderTypeName} for enquiry ${enquiryRef} to ${customerName}?
+
+ `;
+ }
+
document.getElementById('confirmModal').classList.remove('hidden');
}
@@ -240,6 +336,7 @@ function hideConfirmModal() {
function showDisableModal(quoteID, enquiryRef) {
currentQuoteID = quoteID;
+ document.getElementById('disableModalQuoteID').textContent = quoteID;
document.getElementById('disableModalEnquiryRef').textContent = enquiryRef;
document.getElementById('disableModal').classList.remove('hidden');
@@ -252,38 +349,109 @@ function hideDisableModal() {
currentQuoteID = null;
}
+function showEnableModal(quoteID, enquiryRef) {
+ currentQuoteID = quoteID;
+ document.getElementById('enableModalEnquiryRef').textContent = enquiryRef;
+ document.getElementById('enableModal').classList.remove('hidden');
+}
+
+function hideEnableModal() {
+ document.getElementById('enableModal').classList.add('hidden');
+ currentQuoteID = null;
+}
+
document.getElementById('modalCancelBtn').addEventListener('click', hideConfirmModal);
-document.getElementById('modalConfirmBtn').addEventListener('click', function() {
+document.getElementById('modalConfirmBtn').addEventListener('click', async function() {
if (currentForm && currentReminderType) {
- // Create a hidden input for reminder_type and submit the form
- const input = document.createElement('input');
- input.type = 'hidden';
- input.name = 'reminder_type';
- input.value = currentReminderType;
- currentForm.appendChild(input);
- currentForm.submit();
+ const formData = new FormData(currentForm);
+ formData.append('reminder_type', currentReminderType);
+
+ try {
+ const response = await fetch('/go/quotes/send-reminder', {
+ method: 'POST',
+ headers: {
+ 'X-Requested-With': 'XMLHttpRequest'
+ },
+ body: formData
+ });
+
+ if (response.ok) {
+ // Update the row to show the reminder was sent
+ const row = currentForm.closest('tr');
+ const reminderCell = row.querySelector('td:nth-child(6)');
+ const reminderSentCell = row.querySelector('td:nth-child(7)');
+
+ // Update reminder type badge
+ const reminderTypeName = currentReminderType === 1 ? 'First Reminder' :
+ currentReminderType === 2 ? 'Second Reminder' : 'Final Reminder';
+ const colorClass = currentReminderType === 1 ? 'bg-blue-100 text-blue-700 border-blue-200' :
+ currentReminderType === 2 ? 'bg-yellow-100 text-yellow-700 border-yellow-200' :
+ 'bg-red-100 text-red-700 border-red-200';
+ reminderCell.innerHTML = `
${reminderTypeName}`;
+
+ // Update reminder sent time to "just now"
+ reminderSentCell.innerHTML = '
just now';
+
+ // Update the button to show next reminder type
+ const buttonGroup = currentForm.querySelector('.inline-flex');
+ const mainButton = buttonGroup.querySelector('button:first-child');
+ if (currentReminderType === 1) {
+ mainButton.textContent = 'Send Second Reminder';
+ mainButton.setAttribute('onclick', `showConfirmModal(this, 2, '${formData.get('enquiry_ref')}', '${formData.get('customer_name')}', 'Second Reminder')`);
+ } else if (currentReminderType === 2) {
+ mainButton.textContent = 'Send Final Reminder';
+ mainButton.setAttribute('onclick', `showConfirmModal(this, 3, '${formData.get('enquiry_ref')}', '${formData.get('customer_name')}', 'Final Reminder')`);
+ }
+ } else {
+ alert('Failed to send reminder. Please try again.');
+ }
+ } catch (error) {
+ alert('Error sending reminder: ' + error.message);
+ }
}
hideConfirmModal();
});
document.getElementById('disableModalCancelBtn').addEventListener('click', hideDisableModal);
-document.getElementById('disableModalConfirmBtn').addEventListener('click', function() {
+document.getElementById('disableModalConfirmBtn').addEventListener('click', async function() {
if (currentQuoteID) {
- // Create a form to POST the disable request
- const form = document.createElement('form');
- form.method = 'POST';
- form.action = '/go/quotes/disable-reminders';
+ const formData = new FormData();
+ formData.append('quote_id', currentQuoteID);
- const input = document.createElement('input');
- input.type = 'hidden';
- input.name = 'quote_id';
- input.value = currentQuoteID;
-
- form.appendChild(input);
- document.body.appendChild(form);
- form.submit();
+ try {
+ const response = await fetch('/go/quotes/disable-reminders', {
+ method: 'POST',
+ headers: {
+ 'X-Requested-With': 'XMLHttpRequest'
+ },
+ body: formData
+ });
+
+ if (response.ok) {
+ // Find and update all rows for this quote
+ const rows = document.querySelectorAll(`tr`);
+ rows.forEach(row => {
+ const form = row.querySelector('form');
+ if (form && form.querySelector(`input[name="quote_id"][value="${currentQuoteID}"]`)) {
+ // Update reminder badge to show "Reminders Disabled"
+ const reminderCell = row.querySelector('td:nth-child(6)');
+ reminderCell.innerHTML = '
Reminders Disabled';
+
+ // Disable the action buttons
+ const buttonGroup = row.querySelector('.inline-flex');
+ if (buttonGroup) {
+ buttonGroup.innerHTML = '
Disabled';
+ }
+ }
+ });
+ } else {
+ alert('Failed to disable reminders. Please try again.');
+ }
+ } catch (error) {
+ alert('Error disabling reminders: ' + error.message);
+ }
}
hideDisableModal();
});
@@ -301,6 +469,95 @@ document.getElementById('disableModal').addEventListener('click', function(e) {
}
});
+document.getElementById('enableModalCancelBtn').addEventListener('click', hideEnableModal);
+
+document.getElementById('enableModalConfirmBtn').addEventListener('click', async function() {
+ if (currentQuoteID) {
+ const formData = new FormData();
+ formData.append('quote_id', currentQuoteID);
+
+ try {
+ const response = await fetch('/go/quotes/enable-reminders', {
+ method: 'POST',
+ headers: {
+ 'X-Requested-With': 'XMLHttpRequest'
+ },
+ body: formData
+ });
+
+ if (response.ok) {
+ // Find and update all rows for this quote
+ const rows = document.querySelectorAll(`tr`);
+ rows.forEach(row => {
+ const form = row.querySelector('form');
+ if (form && form.querySelector(`input[name="quote_id"][value="${currentQuoteID}"]`)) {
+ // Get the latest reminder type to show appropriate button
+ const reminderCell = row.querySelector('td:nth-child(6)');
+ const reminderText = reminderCell.textContent.trim();
+
+ // Update reminder badge back to current state (remove "Disabled")
+ // Keep the existing reminder type badge
+
+ // Re-enable the action buttons
+ const actionsCell = row.querySelector('td:nth-child(8)');
+ const currentReminderLevel = reminderText.includes('Final') ? 3 :
+ reminderText.includes('Second') ? 2 :
+ reminderText.includes('First') ? 1 : 0;
+
+ const enquiryRef = form.querySelector('input[name="enquiry_ref"]').value;
+ const customerName = form.querySelector('input[name="customer_name"]').value;
+
+ let buttonHTML = '';
+ if (currentReminderLevel === 0) {
+ buttonHTML = `
`;
+ } else if (currentReminderLevel === 1) {
+ buttonHTML = `
`;
+ } else {
+ buttonHTML = `
`;
+ }
+
+ const dropdownHTML = `
`;
+
+ actionsCell.querySelector('form').innerHTML = `
+
+
+
+
+
+
+
+
+ ${buttonHTML}
+ ${dropdownHTML}
+
+
+
+
+
+
+
+
+
+
+ `;
+ }
+ });
+ } else {
+ alert('Failed to enable reminders. Please try again.');
+ }
+ } catch (error) {
+ alert('Error enabling reminders: ' + error.message);
+ }
+ }
+ hideEnableModal();
+});
+
+document.getElementById('enableModal').addEventListener('click', function(e) {
+ if (e.target === this) {
+ hideEnableModal();
+ }
+});
+
function toggleDropdown(button) {
const dropdown = button.parentElement.nextElementSibling;
const allDropdowns = document.querySelectorAll('form > div.absolute');