<script>
        // Predefined credentials (for demonstration purposes)
        const storedUserId = 'user123';
        const storedPassword = 'password123';

        // Check if the user is already logged in
        if (localStorage.getItem('loggedIn') === 'true') {
            showMainContent();
        }

        // Handle login functionality
        function login() {
            const userId = document.getElementById('userId').value;
            const password = document.getElementById('password').value;

            if (userId === storedUserId && password === storedPassword) {
                localStorage.setItem('loggedIn', 'true');
                showMainContent();
            } else {
                alert('Invalid credentials!');
            }
        }

        // Display the main content after successful login
        function showMainContent() {
            document.getElementById('loginContainer').style.display = 'none';
            document.getElementById('mainContent').style.display = 'block';
        }

        // Function to update phone numbers count as user types
        function updateNumberCount() {
            const input = document.getElementById('inputText').value;
            const numberCountDiv = document.getElementById('numberCount');
            const numbers = input.split('\n').map(item => item.trim()).filter(item => item !== "");

            numberCountDiv.textContent = `Total phone numbers: ${numbers.length}`;
        }

        function separateText() {
            const input = document.getElementById('inputText').value;
            const resultDiv = document.getElementById('output');
            const countDiv = document.getElementById('count');

            if (input) {
                const numbers = input.split('\n').map(item => item.trim()).filter(item => item !== "");
                resultDiv.textContent = numbers.join(', ');
                countDiv.textContent = `Total phone numbers entered: ${numbers.length}`;
            } else {
                resultDiv.textContent = 'Please enter phone numbers first.';
                countDiv.textContent = '';
            }
        }

        function copyToClipboard() {
            const resultDiv = document.getElementById('output');
            const textToCopy = resultDiv.textContent;

            if (textToCopy) {
                const tempTextArea = document.createElement('textarea');
                tempTextArea.value = textToCopy;
                document.body.appendChild(tempTextArea);
                tempTextArea.select();
                document.execCommand('copy');
                document.body.removeChild(tempTextArea);
                alert('Result copied to clipboard!');
            } else {
                alert('Nothing to copy. Please separate phone numbers first.');
            }
        }
    </script>