From f836a09d025795e85372512511d5067bc153d054 Mon Sep 17 00:00:00 2001
From: Yisroel Baum <yisroel.d.baum@gmail.com>
Date: Fri, 24 Apr 2026 10:28:04 +0300
Subject: [PATCH] submit create plan via fetch

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

diff --git a/public/js/home.js b/public/js/home.js
index bf76104..b46a051 100644
--- a/public/js/home.js
+++ b/public/js/home.js
@@ -17,6 +17,9 @@ document.addEventListener('DOMContentLoaded', () => {
     const cancelPlanButton = createPlanModal.querySelector(
         'button.cancel-plan'
     );
+    const savePlanButton = createPlanModal.querySelector(
+        'button.save-plan'
+    );
     const planNameInput = createPlanModal.querySelector('input.plan-name');
     const planDateStartInput = createPlanModal.querySelector(
         'input.plan-date-start'
@@ -51,5 +54,32 @@ document.addEventListener('DOMContentLoaded', () => {
         closeCreatePlanModal();
     });
 
+    savePlanButton.addEventListener('click', async () => {
+        const planName = planNameInput.value;
+        const dateStart = planDateStartInput.value;
+        const dateEnd = planDateEndInput.value;
+        const textId = Number(createPlanModal.dataset.textId);
+
+        if (planName === '' || dateStart === '' || dateEnd === '') {
+            return;
+        }
+
+        const response = await fetch('/api/plans', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({
+                userId: 0,
+                textId: textId,
+                name: planName,
+                dateStart: dateStart,
+                dateEnd: dateEnd,
+            }),
+        });
+
+        if (response.ok) {
+            closeCreatePlanModal();
+        }
+    });
+
     loadTexts();
 });