console.log(navigator.userAgent);
// Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36

if (navigator.userAgentData) {
    // 1. Brands - масив об'єктів { brand, version }
    // Браузер повертає кілька брендів, включаючи GREASE (випадкові значення для запобігання жорсткому кодуванню)
    const brands = navigator.userAgentData.brands;
    console.log(brands);
    // [
    //   { brand: "Google Chrome", version: "120" },
    //   { brand: "Not_A Brand", version: "8" },
    //   { brand: "Chromium", version: "120" }
    // ]

    // 2. Mobile - булеве значення
    const isMobile = navigator.userAgentData.mobile;
    console.log(`Мобільний пристрій: ${isMobile}`);

    // 3. Platform - загальна назва платформи (Windows, macOS, Android)
    const platform = navigator.userAgentData.platform;
    console.log(`Платформа: ${platform}`); // "Windows"
}

if (navigator.userAgentData) {
    navigator.userAgentData.getHighEntropyValues([
        "architecture",
        "model",
        "platformVersion",
        "fullVersionList"
    ])
    .then(ua => {
        console.log("CPU Architecture:", ua.architecture); // "x86"
        console.log("Device Model:", ua.model);           // "Pixel 6"
        console.log("OS Version:", ua.platformVersion);   // "10.0.0"
    });
}

function getBestLanguage(supportedLanguages = ['en', 'uk']) {
    // Перевіряємо масив languages
    if (navigator.languages) {
        for (let lang of navigator.languages) {
            // Отримуємо код мови без регіону (uk-UA -> uk)
            const baseLang = lang.split('-')[0];
            if (supportedLanguages.includes(baseLang)) {
                return baseLang;
            }
        }
    }
    
    // Fallback на language
    const singleLang = (navigator.language || navigator.userLanguage || 'en').split('-')[0];
    return supportedLanguages.includes(singleLang) ? singleLang : 'en';
}

console.log(`Обрана мова: ${getBestLanguage()}`);

if (!navigator.cookieEnabled) {
    // Показуємо банер
    showCookieWarning("Будь ласка, увімкніть Cookies для коректної роботи сайту.");
}

const options = {
    enableHighAccuracy: true,
    timeout: 5000,
    maximumAge: 0
};

const success = (pos) => {
    // pos - це об'єкт GeolocationPosition
    const crd = pos.coords; // GeolocationCoordinates

    console.log("Ваше поточне розташування:");
    console.log(`Широта: ${crd.latitude}`);
    console.log(`Довгота: ${crd.longitude}`);
    console.log(`Точність: +/- ${crd.accuracy} метрів`);
    
    // Додаткові параметри (можуть бути null)
    if (crd.altitude) console.log(`Висота: ${crd.altitude}`);
    if (crd.speed) console.log(`Швидкість: ${crd.speed} м/с`); // Тільки якщо рухається
    if (crd.heading) console.log(`Напрямок: ${crd.heading} градусів`);
};

const error = (err) => {
    // err - це об'єкт GeolocationPositionError
    switch(err.code) {
        case err.PERMISSION_DENIED: // code 1
            console.error("Користувач заборонив доступ до геолокації.");
            break;
        case err.POSITION_UNAVAILABLE: // code 2
            console.error("Інформація про місцезнаходження недоступна.");
            break;
        case err.TIMEOUT: // code 3
            console.error("Час очікування запиту вичерпано.");
            break;
        default:
            console.error("Невідома помилка:", err.message);
    }
};

navigator.geolocation.getCurrentPosition(success, error, options);

let watchId;

function startTracking() {
    if (navigator.geolocation) {
        watchId = navigator.geolocation.watchPosition(success, error, options);
        console.log(`Трекінг розпочато. ID: ${watchId}`);
    }
}

function stopTracking() {
    if (watchId) {
        navigator.geolocation.clearWatch(watchId);
        watchId = null;
        console.log("Трекінг зупинено.");
    }
}

/* Копіювання тексту */
async function copyToClipboard(text) {
    try {
        await navigator.clipboard.writeText(text);
        console.log("Текст успішно скопійовано!");
    } catch (err) {
        console.error("Помилка копіювання:", err);
    }
}

/* Читання тексту */
async function pasteFromClipboard() {
    try {
        const text = await navigator.clipboard.readText();
        console.log("В буфері:", text);
        return text;
    } catch (err) {
        console.error("Не вдалося прочитати буфер:", err);
    }
}

async function copyImage(blob) {
    try {
        // Ми повинні передати об'єкт, де ключ - MIME type, значення - Blob
        const data = [new ClipboardItem({ [blob.type]: blob })];
        
        await navigator.clipboard.write(data);
        console.log("Зображення скопійовано!");
    } catch (err) {
        console.error(err);
    }
}

// Приклад використання з Canvas
const canvas = document.querySelector('canvas');
canvas.toBlob(blob => copyImage(blob));

async function pasteImage() {
    try {
        const clipboardItems = await navigator.clipboard.read();
        
        for (const item of clipboardItems) {
            // Перевіряємо, чи є в цьому елементі зображення
            if (item.types.includes('image/png')) {
                const blob = await item.getType('image/png');
                
                // Відображаємо
                const img = document.createElement('img');
                img.src = URL.createObjectURL(blob);
                document.body.appendChild(img);
            }
        }
    } catch (err) {
        console.error(err);
    }
}

const constraints = {
    audio: {
        echoCancellation: true, // Придушення ехо
        noiseSuppression: true, // Шумозаглушення
        autoGainControl: false  // Автоматичне регулювання гучності
    },
    video: { 
        width: { min: 640, ideal: 1920, max: 3840 }, // 4K max, 1080p ideal
        height: { min: 480, ideal: 1080, max: 2160 },
        frameRate: { ideal: 60, min: 30 }, // Бажано 60 FPS
        facingMode: "user" // або { exact: "environment" } для задньої камери
    }
};

async function startCamera() {
    try {
        const stream = await navigator.mediaDevices.getUserMedia(constraints);
        
        const videoElement = document.querySelector('video');
        videoElement.srcObject = stream;
        
        // Отримання списку треків для подальшого керування (наприклад, mute)
        const videoTrack = stream.getVideoTracks()[0];
        console.log(`Камера: ${videoTrack.label}`);
        
    } catch (err) {
        handleMediaError(err);
    }
}

async function startScreenShare() {
    try {
        const stream = await navigator.mediaDevices.getDisplayMedia({
            video: { cursor: "always" },
            audio: false // Зазвичай аудіо системи доступне не у всіх ОС
        });
        
        document.querySelector('video').srcObject = stream;
        
        // Відстеження зупинки шерінгу (коли користувач натискає "Stop sharing" у браузері)
        stream.getVideoTracks()[0].onended = () => {
            console.log("Шерінг екрану зупинено");
        };
        
    } catch (err) {
        console.error("Помилка захоплення екрану:", err);
    }
}

async function listDevices() {
    const devices = await navigator.mediaDevices.enumerateDevices();
    
    const cameras = devices.filter(d => d.kind === 'videoinput');
    const mics = devices.filter(d => d.kind === 'audioinput');
    const speakers = devices.filter(d => d.kind === 'audiooutput');
    
    console.log(`Знайдено: камер ${cameras.length}, мікрофонів ${mics.length}`);
}

// Слухаємо зміни
navigator.mediaDevices.ondevicechange = (event) => {
    console.log("Конфігурація пристроїв змінилася!");
    listDevices(); // Оновлюємо список у UI
};

const connection = navigator.connection || navigator.mozConnection || navigator.webkitConnection;

if (connection) {
    // effectiveType: 'slow-2g', '2g', '3g', '4g'
    // Це не фізичний тип мережі, а "ефективна швидкість"
    console.log(`Ефективний тип: ${connection.effectiveType}`); 
    
    // Приблизна швидкість завантаження (Мбіт/с)
    console.log(`Downlink: ~${connection.downlink} Mbps`);
    
    // Приблизний RTT (Round Trip Time) у мс
    console.log(`RTT: ${connection.rtt} ms`);
    
    // Save-Data заголовок (користувач увімкнув режим економії в налаштуваннях)
    const isSaveData = connection.saveData; // true/false

    if (isSaveData || connection.effectiveType.includes('2g')) {
        console.log("Завантажуємо полегшену версію сайту...");
        loadLowResImages();
    } else {
        loadHighResContent();
    }

    // Відстеження змін мережі
    connection.addEventListener('change', () => {
        console.log("Мережа змінилася:", connection.effectiveType);
    });
}

window.addEventListener('offline', () => showToast('Ви офлайн! Перевірте з\'єднання.'));
window.addEventListener('online', () => showToast('Зв\'язок відновлено!'));

if ('getBattery' in navigator) {
    navigator.getBattery().then(battery => {
        function updateBatteryStatus() {
            const level = Math.round(battery.level * 100);
            const isCharging = battery.charging;
            
            console.log(`Заряд: ${level}% ${isCharging ? '⚡' : ''}`);
            
            if (level <= 20 && !isCharging) {
                console.warn("Низький заряд! Вимикаємо важкі анімації.");
                disableAnimations();
            }
        }

        updateBatteryStatus();

        // Події
        battery.addEventListener('chargingchange', updateBatteryStatus);
        battery.addEventListener('levelchange', updateBatteryStatus);
    });
}

const shareBtn = document.getElementById('share');

shareBtn.addEventListener('click', async () => {
    const shareData = {
        title: 'MDN Web Docs',
        text: 'Вивчайте веб-розробку з MDN!',
        url: 'https://developer.mozilla.org',
    };
    
    // 1. Перевірка підтримки взагалі
    if (!navigator.share) {
        console.log("Web Share API не підтримується");
        return;
    }

    // 2. Перевірка валідності даних (чи можемо ми поділитися саме цим набором?)
    // Наприклад, деякі ОС не підтримують одночасний шерінг файлів і тексту
    if (navigator.canShare && !navigator.canShare(shareData)) {
        console.log("Ці дані не можна поширити");
        return;
    }

    try {
        await navigator.share(shareData);
        console.log("Успішно! Користувач вибрав додаток.");
    } catch (err) {
        if (err.name === 'AbortError') {
            console.log("Користувач закрив вікно шерінгу.");
        } else {
            console.error("Помилка:", err);
        }
    }
});

const permissionsToCheck = ['geolocation', 'camera', 'microphone', 'notifications'];

async function checkPermissions() {
    for (const name of permissionsToCheck) {
        try {
            const result = await navigator.permissions.query({ name });
            
            console.log(`${name}: ${result.state}`);
            // 'granted' - дозволено
            // 'denied' - заборонено
            // 'prompt' - запитає при спробі доступу

            // Слухаємо зміни (наприклад, користувач змінив налаштування в панелі браузера)
            result.onchange = () => {
                console.log(`Дозвіл ${name} змінився на ${result.state}`);
            };
        } catch (error) {
            // Деякі дозволи можуть не підтримуватися в Firefox/Safari
            console.log(`${name} не підтримується Permissions API`);
        }
    }
}

let wakeLock = null;

// Функція запиту блокування (тримати екран увімкненим)
async function requestWakeLock() {
    if ('wakeLock' in navigator) {
        try {
            wakeLock = await navigator.wakeLock.request('screen');
            console.log('Screen Wake Lock активовано!');

            wakeLock.addEventListener('release', () => {
                console.log('Screen Wake Lock деактивовано (наприклад, вкладка стала неактивною)');
            });

        } catch (err) {
            console.error(`${err.name}, ${err.message}`);
        }
    }
}

// Функція звільнення
async function releaseWakeLock() {
    if (wakeLock !== null) {
        await wakeLock.release();
        wakeLock = null;
    }
}

// Важливо: Браузер автоматично знімає Wake Lock, якщо сторінка/вкладка згорнута.
// Нам потрібно поновити запит, коли користувач повертається.
document.addEventListener('visibilitychange', async () => {
    if (wakeLock !== null && document.visibilityState === 'visible') {
        await requestWakeLock();
    }
});

const cores = navigator.hardwareConcurrency || 4; // Fallback
console.log(`Доступно ядер: ${cores}`);

const isTouchDevice = navigator.maxTouchPoints > 0;

// Вібрувати 200мс (проста вібрація)
navigator.vibrate(200);

// Паттерн "SOS": ... --- ...
// [вібрація, пауза, вібрація, пауза, ...]
navigator.vibrate([
    100, 30, 100, 30, 100, 200, // S
    300, 100, 300, 100, 300, 200, // O
    100, 30, 100, 30, 100 // S
]);

// Зупинити вібрацію
navigator.vibrate(0);

window.addEventListener("visibilitychange", function() {
    if (document.visibilityState === 'hidden') {
        const data = new Blob([JSON.stringify({ event: 'leave', time: Date.now() })], { type: 'application/json' });
        
        // Повертає true, якщо дані поставлені в чергу успішно
        const queued = navigator.sendBeacon('/api/analytics', data);
    }
});