Update login.html

login.html

@@ -440,4 +440,70 @@
                     document.getElementById('registerPassword').value = '';
                     setTimeout(() => {
                         toggleForm();
-                    }, 1500);
+                    }, 1500);
+                  } else {
+                    showMessage('registerMessage', data.detail, true);
+                }
+            } catch (error) {
+                showMessage('registerMessage', 'حدث خطأ في الاتصال', true);
+            }
+        }
+
+        function isValidEmail(email) {
+            return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
+        }
+
+        // Add Enter key response
+        document.querySelectorAll('input').forEach(input => {
+            input.addEventListener('keypress', (e) => {
+                if (e.key === 'Enter') {
+                    const form = input.closest('.form-box');
+                    if (form.classList.contains('login-form')) {
+                        login();
+                    } else {
+                        register();
+                    }
+                }
+            });
+        });
+
+        // Add loading state to buttons
+        const buttons = document.querySelectorAll('button:not(.toggle-btn)');
+        buttons.forEach(button => {
+            button.addEventListener('click', function() {
+                this.style.position = 'relative';
+                this.style.pointerEvents = 'none';
+                const originalText = this.textContent;
+                this.textContent = '...جاري التنفيذ';
+                
+                setTimeout(() => {
+                    this.textContent = originalText;
+                    this.style.pointerEvents = 'auto';
+                }, 2000);
+            });
+        });
+
+        // Add smooth fade-in animation on load
+        document.addEventListener('DOMContentLoaded', function() {
+            document.body.style.opacity = '0';
+            setTimeout(() => {
+                document.body.style.transition = 'opacity 0.5s ease';
+                document.body.style.opacity = '1';
+            }, 100);
+        });
+
+        // Add input focus effects
+        document.querySelectorAll('input').forEach(input => {
+            input.addEventListener('focus', function() {
+                this.parentElement.classList.add('focused');
+            });
+            
+            input.addEventListener('blur', function() {
+                if (!this.value) {
+                    this.parentElement.classList.remove('focused');
+                }
+            });
+        });
+    </script>
+</body>
+</html>