anshroshandev/tcs-sel-software-sorcery-squad

1 2// Dark mode toggle3const darkModeToggle = document.createElement('button');4darkModeToggle.innerHTML = '<i data-feather="moon"></i>';5darkModeToggle.className = 'fixed bottom-4 left-4 z-50 w-12 h-12 rounded-full bg-slate-800 text-white shadow-lg flex items-center justify-center';6darkModeToggle.addEventListener('click', () => {7  document.documentElement.classList.toggle('dark');8  feather.replace();9});10document.body.appendChild(darkModeToggle);11 12// Shared functionality across components13document.addEventListener('DOMContentLoaded', () => {14    // Initialize chatbot toggle15    const chatbotToggle = document.querySelector('.chatbot-toggle');16    const chatbotContainer = document.querySelector('.chatbot-container');17    18    if (chatbotToggle && chatbotContainer) {19        chatbotToggle.addEventListener('click', () => {20            chatbotContainer.classList.toggle('chatbot-active');21        });22    }23 24    // Smooth scrolling for anchor links25    document.querySelectorAll('a[href^="#"]').forEach(anchor => {26        anchor.addEventListener('click', function(e) {27            e.preventDefault();28            document.querySelector(this.getAttribute('href')).scrollIntoView({29                behavior: 'smooth'30            });31        });32    });33});34 35// Sample chatbot functionality36function sendMessage() {37    const input = document.querySelector('.chatbot-input');38    const messagesContainer = document.querySelector('.chatbot-messages');39    40    if (input.value.trim() === '') return;41    42    // Add user message43    const userMessage = document.createElement('div');44    userMessage.classList.add('chat-message', 'user', 'bg-blue-100', 'text-blue-900');45    userMessage.textContent = input.value;46    messagesContainer.appendChild(userMessage);47    48    // Clear input49    const userInput = input.value;50    input.value = '';51    52    // Simulate bot response53    setTimeout(() => {54        const botMessage = document.createElement('div');55        botMessage.classList.add('chat-message', 'bot', 'bg-gray-100', 'text-gray-900');56        botMessage.textContent = getBotResponse(userInput);57        messagesContainer.appendChild(botMessage);58        messagesContainer.scrollTop = messagesContainer.scrollHeight;59    }, 1000);60}61 62function getBotResponse(input) {63    const responses = [64        "I can help you with SDLC processes. What would you like to know?",65        "Our knowledge base contains documentation that can guide you.",66        "Would you like me to connect you with a specific agent?",67        "I can assist with requirements, testing, deployment, and more.",68        "Let me check our knowledge base for relevant information."69    ];70    return responses[Math.floor(Math.random() * responses.length)];71}