From e7d30d364a7b060a180358da5db01a56be21e6c1 Mon Sep 17 00:00:00 2001
From: Yisroel Baum <yisroel.d.baum@gmail.com>
Date: Fri, 24 Apr 2026 10:23:37 +0300
Subject: [PATCH] add cancel handler for modal

---
 public/js/home.js | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/public/js/home.js b/public/js/home.js
index 198b122..bf76104 100644
--- a/public/js/home.js
+++ b/public/js/home.js
@@ -14,11 +14,29 @@ document.addEventListener('DOMContentLoaded', () => {
             .join('');
     }
 
+    const cancelPlanButton = createPlanModal.querySelector(
+        'button.cancel-plan'
+    );
+    const planNameInput = createPlanModal.querySelector('input.plan-name');
+    const planDateStartInput = createPlanModal.querySelector(
+        'input.plan-date-start'
+    );
+    const planDateEndInput = createPlanModal.querySelector(
+        'input.plan-date-end'
+    );
+
     function openCreatePlanModal(textId) {
         createPlanModal.dataset.textId = textId;
         createPlanModal.hidden = false;
     }
 
+    function closeCreatePlanModal() {
+        createPlanModal.hidden = true;
+        planNameInput.value = '';
+        planDateStartInput.value = '';
+        planDateEndInput.value = '';
+    }
+
     textsList.addEventListener('click', (clickEvent) => {
         const createPlanButton = clickEvent.target.closest(
             'button.create-plan'
@@ -29,5 +47,9 @@ document.addEventListener('DOMContentLoaded', () => {
         openCreatePlanModal(createPlanButton.dataset.textId);
     });
 
+    cancelPlanButton.addEventListener('click', () => {
+        closeCreatePlanModal();
+    });
+
     loadTexts();
 });