script.js

// Update time every second
function updateTime() {
    const now = new Date();
    const timeElement = document.getElementById('time');
    timeElement.textContent = now.toLocaleTimeString();
}

setInterval(updateTime, 1000);
updateTime();

// Admin modal handling
const adminBtn = document.getElementById('admin-btn');
const adminModal = document.getElementById('admin-modal');
const cancelBtn = document.getElementById('cancel-btn');
const submitBtn = document.getElementById('submit-btn');

adminBtn.addEventListener('click', () => {
    adminModal.classList.remove('hidden');
    adminModal.classList.add('flex');
});

cancelBtn.addEventListener('click', () => {
    adminModal.classList.add('hidden');
    adminModal.classList.remove('flex');
});

submitBtn.addEventListener('click', () => {
    // Here you would validate the password
    const password = document.getElementById('password-input').value;
    console.log('Password entered:', password); // In a real app, validate this
    
    // For demo, just close the modal
    adminModal.classList.add('hidden');
    adminModal.classList.remove('flex');
});

// Create app icons
const appGrid = document.querySelector('.grid');
const appIconTemplate = document.getElementById('app-icon-template');

const apps = [
    { name: "Браузер", icon: "globe" },
    { name: "Текстовый редактор", icon: "edit" },
    { name: "Калькулятор", icon: "divide" },
    { name: "Календарь", icon: "calendar" },
    { name: "Почта", icon: "mail" },
    { name: "Музыка", icon: "music" },
    { name: "Настройки", icon: "settings" },
    { name: "Камера", icon: "camera" },
    { name: "Галерея", icon: "image" },
    { name: "Контакты", icon: "users" },
    { name: "Заметки", icon: "file-text" },
    { name: "Карты", icon: "map" }
];

apps.forEach(app => {
    const icon = appIconTemplate.content.cloneNode(true);
    const iconElement = icon.querySelector('i');
    iconElement.setAttribute('data-feather', app.icon);
    icon.querySelector('span').textContent = app.name;
    icon.querySelector('div').addEventListener('click', () => {
        console.log(`Launching ${app.name}`); // In a real app, this would launch the exe
    });
    appGrid.appendChild(icon);
});