הוספת אפשרות להציע כלי חדש

index.html

@@ -205,11 +205,12 @@ https://chatgpt.com/c/67efa5ae-ab80-8005-a7d4-de3ced6ccec4
                     <button id="refreshBtn" class="px-4 py-2 bg-blue-50 text-blue-600 rounded-lg hover:bg-blue-100 transition">
                         <i class="fas fa-sync-alt ml-2"></i> אפס תצוגה
                     </button>
-                    <!-- /* --- Admin Edit Button - Uncomment if needed --- */
-                    /* <button id="editJsonBtn" class="px-4 py-2 bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200 transition relative">
-                        <i class="fas fa-edit ml-2"></i> ערוך JSON
-                        <span class="admin-badge">A</span>
-                    </button> */ -->
+                    
+                    <!-- /* --- Admin Edit Button - Uncomment if needed --- */ -->
+                    <button id="editJsonBtn" class="px-4 py-2 bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200 transition relative">
+                        <i class="fas fa-edit ml-2"></i> הציעו כלי חדש
+                        <span class="admin-badge">N</span>
+                    </button>
                 </div>
             </div>
             
@@ -219,11 +220,11 @@ https://chatgpt.com/c/67efa5ae-ab80-8005-a7d4-de3ced6ccec4
                     <button id="refreshBtnMobile" class="px-4 py-2 bg-blue-50 text-blue-600 rounded-lg hover:bg-blue-100 transition text-right">
                         <i class="fas fa-sync-alt ml-2"></i> אפס תצוגה
                     </button>
-                    <!-- /* --- Admin Edit Button (Mobile) - Uncomment if needed --- */
-                    /* <button id="editJsonBtnMobile" class="px-4 py-2 bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200 transition text-right relative">
-                        <i class="fas fa-edit ml-2"></i> ערוך JSON
-                        <span class="admin-badge">A</span>
-                    </button> */ -->
+                    <!-- /* --- Admin Edit Button (Mobile) - Uncomment if needed --- */ -->
+                    <button id="editJsonBtnMobile" class="px-4 py-2 bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200 transition text-right relative">
+                        <i class="fas fa-edit ml-2"></i> הציעו כלי חדש
+                        <span class="admin-badge">N</span>
+                    </button>
                 </div>
             </div>
         </div>
@@ -365,6 +366,39 @@ https://chatgpt.com/c/67efa5ae-ab80-8005-a7d4-de3ced6ccec4
              </div>
          </div>
     </div>
+    <div id="suggestToolModal" class="fixed inset-0 bg-black bg-opacity-40 flex items-center justify-center hidden z-50 px-4">
+        <div class="bg-white rounded-lg p-6 w-full max-w-md shadow-lg max-h-[90vh] overflow-y-auto text-right">
+            <h2 class="text-xl font-semibold mb-4">הצעת כלי חדש</h2>
+            <form id="suggestToolForm">
+
+                <label class="block mb-2">שם הכלי</label>
+                <input type="text" name="name" required class="w-full mb-4 border rounded p-2">
+
+                <label class="block mb-2">לינק</label>
+                <input type="url" name="url" required placeholder="כתובת URL של הכלי: לדוגמא: https://linktr.ee/sagib" dir="ltr" class="w-full mb-4 border rounded p-2">
+
+                <label class="block mb-2">תיאור קצר</label>
+                <textarea name="description" required class="w-full mb-4 border rounded p-2"></textarea>
+
+                <hr class="my-4">
+
+                <label class="block mb-2">השם שלך</label>
+                <input type="text" name="userName" placeholder="איך לקרוא לך כשנחזור אליך?" class="w-full mb-4 border rounded p-2">
+
+                <label class="block mb-2">מס' טלפון נייד</label>
+                <input type="tel" name="userPhone" placeholder="05X-XXXXXXX" class="w-full mb-2 border rounded p-2" dir="ltr">
+                <p class="text-sm text-gray-500">נשמח לחזור אליך כשהכלי שצעת נוסף לאתר ❤️</p>
+                <p class="text-sm text-gray-500 italic mt-1">
+                    ✦ הפרטים שלך נשמרים אצלנו רק לצורך עדכון – אין שימוש אחר.
+                </p>
+
+                <div class="flex justify-end mt-4">
+                    <button type="button" onclick="closeSuggestModal()" class="mr-2 px-4 py-2 bg-gray-300 rounded">ביטול</button>
+                    <button type="submit" class="px-4 py-2 bg-purple-600 text-white rounded hover:bg-purple-700">שלח</button>
+                </div>
+            </form>
+        </div>
+    </div>
 
     <!-- /* --- Footer --- */ -->
     <footer class="bg-gray-100 border-t border-gray-200 py-6 mt-16">
@@ -711,21 +745,13 @@ https://chatgpt.com/c/67efa5ae-ab80-8005-a7d4-de3ced6ccec4
                 mobileMenu.classList.toggle('open');
             });
 
-            // JSON Editor Modal Logic (If admin buttons are enabled)
-            const openEditorHandler = () => {
-                // Load current data into editor (might be stale if user hasn't reloaded)
-                showToolsBtn.click(); // Default to showing tools
-                 // Populate editor with the data currently held in `toolsData`
-                 // Note: If the user edits and saves, it saves to localStorage,
-                 // but this will be overwritten on the *next full page load*.
-                jsonEditor.value = JSON.stringify(toolsData.tools, null, 2);
-                jsonEditorModal.classList.remove('hidden');
-            };
+            
+
             // Uncomment if using admin buttons
-            // const editJsonBtn = document.getElementById('editJsonBtn');
-            // const editJsonBtnMobile = document.getElementById('editJsonBtnMobile');
-            // if (editJsonBtn) editJsonBtn.addEventListener('click', openEditorHandler);
-            // if (editJsonBtnMobile) editJsonBtnMobile.addEventListener('click', openEditorHandler);
+            const editJsonBtn = document.getElementById('editJsonBtn');
+            const editJsonBtnMobile = document.getElementById('editJsonBtnMobile');
+            if (editJsonBtn) editJsonBtn.addEventListener('click', openEditorHandler);
+            if (editJsonBtnMobile) editJsonBtnMobile.addEventListener('click', openEditorHandler);
 
             closeModalBtn.addEventListener('click', () => jsonEditorModal.classList.add('hidden'));
             cancelEditBtn.addEventListener('click', () => jsonEditorModal.classList.add('hidden'));
@@ -796,6 +822,46 @@ https://chatgpt.com/c/67efa5ae-ab80-8005-a7d4-de3ced6ccec4
         // --- Initialize the app ---
         document.addEventListener('DOMContentLoaded', init);
 
+        // JSON Editor Modal Logic (If admin buttons are enabled)
+        const openEditorHandler = () => {
+            document.getElementById('suggestToolModal').classList.remove('hidden');
+            };
+
+        const closeSuggestModal = () => {
+        document.getElementById('suggestToolModal').classList.add('hidden');
+        };
+
+        document.getElementById('suggestToolForm').addEventListener('submit', async (e) => {
+        e.preventDefault();
+        const form = e.target;
+        const rawPhone = form.userPhone.value;
+        const cleanedPhone = rawPhone.replace(/\D/g, ''); // מסיר כל תו שאינו ספרה
+        // alert(cleanedPhone)
+        const data = {
+            name: form.name.value,
+            url: form.url.value,
+            description: form.description.value,
+            userName: form.userName.value,
+            userPhone: cleanedPhone,
+        };
+
+        try {
+            await fetch("https://hook.eu2.make.com/lgo6nh36dk804dq1msfmwxo34nzf4o3y", {
+            method: "POST",
+            headers: {
+                "Content-Type": "application/json"
+            },
+            body: JSON.stringify(data)
+            });
+
+            alert("הכלי נשלח בהצלחה!");
+            closeSuggestModal();
+            form.reset();
+        } catch (err) {
+            alert("שגיאה בשליחה 😢");
+            console.error(err);
+        }
+        });
     </script>
     <!-- /* --------------------------------- */
     /* ------- END OF JAVASCRIPT ------- */