diff --git a/app/views/insured/group_selection/_cancel_plan_form.html.erb b/app/views/insured/group_selection/_cancel_plan_form.html.erb
index 099c18ae74f..f0aec8e37b7 100644
--- a/app/views/insured/group_selection/_cancel_plan_form.html.erb
+++ b/app/views/insured/group_selection/_cancel_plan_form.html.erb
@@ -6,12 +6,12 @@
<%= label_tag :cancel_plan_yes do %>
- <%= radio_button_tag :cancel_plan, "yes", class: 'mr-2' %><%= l10n("yes") %>
+ <%= radio_button_tag :cancel_plan, "yes", false, class: 'mr-2' %><%= l10n("yes") %>
<% end %>
<%= label_tag :cancel_plan_no do %>
- <%= radio_button_tag :cancel_plan, "no", class: 'mr-2' %><%= l10n("no") %>
+ <%= radio_button_tag :cancel_plan, "no", false, class: 'mr-2' %><%= l10n("no") %>
<% end %>
@@ -42,7 +42,7 @@
<% end %>
- <%= button_tag l10n("keep_plan"), class: "btn outline", id: "btn-keep-plan", disabled: false %>
+ <%= button_tag l10n("keep_plan"), class: "btn outline", id: "btn-keep-plan", onkeydown: "handleButtonKeyDown(event, 'btn-keep-plan')", disabled: false %>
<%= submit_tag l10n("cancel_plan"), class: "btn btn-error", id: "btn-cancel-plan", disabled: true %>
<% end %>
@@ -57,6 +57,7 @@
var termDateField = document.getElementById("term_date");
var selectField = document.getElementById("cancellation_reason");
var button = document.getElementById("btn-cancel-plan");
+ var keepButton = document.getElementById("btn-keep-plan");
form.addEventListener("submit", function(event) {
// Prevent form submission if the button is disabled
@@ -107,9 +108,20 @@
return `${String(month).padStart(2, '0')}-${String(day).padStart(2, '0')}-${year}`;
}
+ function hideAndResetCancelForm(e) {
+ e.preventDefault();
+ radioButtonYes.checked = false;
+ radioButtonNo.checked = false;
+ document.getElementById('cancel-plan-form').classList.add("hidden");
+ document.getElementById('cancellation_section').classList.add("hidden");
+ if (termDateField) termDateField.value = "";
+ if (selectField) selectField.selectedIndex = 0;
+ }
+
// Add event listeners for change events
radioButtonYes.addEventListener("change", toggleSection);
radioButtonNo.addEventListener("change", toggleSection);
+ keepButton.addEventListener('click', function(e) { hideAndResetCancelForm(e) });
if (termDateField) termDateField.addEventListener("input", checkFields);
if (selectField) selectField.addEventListener("change", checkFields);