submit create plan via fetch

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();
 });