// Базовий синтаксис
let promise = fetch(url, [options])

// Отримання даних про користувача GitHub
async function getUserInfo(username) {
    const url = `https://api.github.com/users/${username}`

    // Етап 1: Отримуємо заголовки відповіді
    const response = await fetch(url)

    // Перевіряємо успішність запиту
    if (!response.ok) {
        throw new Error(`HTTP помилка! Статус: ${response.status}`)
    }

    // Етап 2: Парсимо JSON
    const userData = await response.json()

    return userData
}

// Використання
try {
    const user = await getUserInfo('octocat')
    console.log("Ім'я:", user.name)
    console.log('Репозиторіїв:', user.public_repos)
    console.log('Підписників:', user.followers)
} catch (error) {
    console.error('Помилка отримання даних:', error.message)
}

async function createProduct(productData) {
    const url = 'https://api.escuelajs.co/api/v1/products'

    const response = await fetch(url, {
        method: 'POST', // HTTP-метод
        headers: {
            'Content-Type': 'application/json', // Вказуємо тип даних
        },
        body: JSON.stringify(productData), // Серіалізуємо об'єкт у JSON
    })

    if (!response.ok) {
        throw new Error(`Помилка створення продукту: ${response.status}`)
    }

    return await response.json()
}

// Використання
const newProduct = {
    title: 'Бездротові навушники',
    price: 1299,
    description: 'Високоякісні навушники з шумозаглушенням',
    categoryId: 2,
    images: ['https://placehold.co/600x400'],
}

try {
    const created = await createProduct(newProduct)
    console.log('Продукт створено:', created)
    console.log('ID:', created.id)
    console.log('Назва:', created.title)
} catch (error) {
    console.error('Помилка:', error.message)
}

const response = await fetch('https://api.github.com/users/octocat')

// Отримання одного заголовка
console.log('Content-Type:', response.headers.get('Content-Type'))
// "application/json; charset=utf-8"

console.log('Дата:', response.headers.get('Date'))

// Ітерація по всіх заголовках
for (const [key, value] of response.headers) {
    console.log(`${key}: ${value}`)
}

// Перевірка наявності заголовка
if (response.headers.has('ETag')) {
    console.log('ETag присутній:', response.headers.get('ETag'))
}

const response = await fetch('https://api.escuelajs.co/api/v1/products/10', {
    headers: {
        Accept: 'application/json',
        'X-Request-ID': 'unique-request-id-123',
    },
})

async function loadMultipleUsers(usernames) {
    // Створюємо масив промісів
    const promises = usernames.map((username) =>
        fetch(`https://api.github.com/users/${username}`).then((response) => {
            if (!response.ok) throw new Error(`Не знайдено: ${username}`)
            return response.json()
        }),
    )

    try {
        // Чекаємо завершення всіх запитів
        const users = await Promise.all(promises)
        return users
    } catch (error) {
        console.error('Помилка при завантаженні користувачів:', error)
        throw error
    }
}

// Використання
const usernames = ['octocat', 'torvalds', 'gaearon']
const users = await loadMultipleUsers(usernames)

users.forEach((user) => {
    console.log(`${user.login}: ${user.public_repos} репозиторіїв`)
})

function fetchWithTimeout(url, options = {}, timeout = 5000) {
    // Створюємо проміс таймауту
    const timeoutPromise = new Promise((_, reject) => {
        setTimeout(() => reject(new Error('Запит перевищив час очікування')), timeout)
    })

    // Змагаємося між fetch та таймаутом
    return Promise.race([fetch(url, options), timeoutPromise])
}

// Використання
try {
    const response = await fetchWithTimeout(
        'https://api.escuelajs.co/api/v1/products',
        {},
        3000, // Максимум 3 секунди
    )
    const data = await response.json()
    console.log(data)
} catch (error) {
    if (error.message.includes('таймауту')) {
        console.error('Запит занадто довгий!')
    } else {
        console.error('Інша помилка:', error)
    }
}

async function fetchWithRetry(url, options = {}, maxRetries = 3) {
    let lastError

    for (let attempt = 1; attempt <= maxRetries; attempt++) {
        try {
            const response = await fetch(url, options)

            if (!response.ok) {
                throw new Error(`HTTP ${response.status}`)
            }

            return response // Успішний запит
        } catch (error) {
            lastError = error
            console.warn(`Спроба ${attempt}/${maxRetries} не вдалася:`, error.message)

            // Не чекаємо після останньої спроби
            if (attempt < maxRetries) {
                // Експоненційна затримка: 1s, 2s, 4s...
                const delay = Math.pow(2, attempt - 1) * 1000
                await new Promise((resolve) => setTimeout(resolve, delay))
            }
        }
    }

    throw new Error(`Не вдалося виконати запит після ${maxRetries} спроб: ${lastError.message}`)
}

// Використання
try {
    const response = await fetchWithRetry('https://api.escuelajs.co/api/v1/products/10')
    const data = await response.json()
    console.log(data)
} catch (error) {
    console.error('Остаточна помилка:', error.message)
}

fetch(url, {
    method: 'POST', // HTTP-метод: GET, POST, PUT, DELETE...
    headers: {
        // Заголовки запиту
        'Content-Type': 'application/json',
    },
    body: JSON.stringify(data), // Тіло запиту (string, FormData, Blob...)
})