// Создаём таблицу прайс-листа
const table = document.createElement('table')

// Данные товаров
const products = [
  { name: 'Nike Air Max 90', category: 'Кроссовки', price: 7990, qty: 42 },
  { name: 'Adidas Superstar', category: 'Кроссовки', price: 5490, qty: 18 },
  { name: 'Puma RS-X', category: 'Кроссовки', price: 6290, qty: 7 },
]

// Создаём thead
const thead = document.createElement('thead')
const headerRow = document.createElement('tr')
const headers = ['Товар', 'Категория', 'Цена', 'Склад']

headers.forEach(text => {
  const th = document.createElement('th')
  th.textContent = text
  headerRow.appendChild(th)
})
thead.appendChild(headerRow)
table.appendChild(thead)

// Создаём tbody
const tbody = document.createElement('tbody')
products.forEach(product => {
  const tr = document.createElement('tr')
  const cells = [product.name, product.category, product.price + ' ₽', product.qty + ' шт.']
  cells.forEach(text => {
    const td = document.createElement('td')
    td.textContent = text
    tr.appendChild(td)
  })
  tbody.appendChild(tr)
})
table.appendChild(tbody)

// Выводим структуру
console.log('Таблица создана:', table.tagName)
console.log('Строк в заголовке:', table.tHead.rows.length)
console.log('Строк в теле:', table.tBodies[0].rows.length)
console.log('Столбцов:', table.tHead.rows[0].cells.length)

// Первая строка данных
const firstRow = table.tBodies[0].rows[0]
console.log('Первый товар:', firstRow.cells[0].textContent)
console.log('Цена:', firstRow.cells[2].textContent)

// Данные заказов (имитация таблицы в браузере)
const orders = [
  { id: 1, product: 'Nike Air Max', price: 7990, qty: 2 },
  { id: 2, product: 'Adidas Stan Smith', price: 4990, qty: 1 },
  { id: 3, product: 'Puma Suede', price: 5490, qty: 3 },
]

// Печатаем таблицу в консоль
console.log('ID  | Товар              | Цена    | Кол-во | Сумма')
console.log('----|--------------------|---------|--------|------')

let totalSum = 0
let totalQty = 0

orders.forEach(order => {
  const sum = order.price * order.qty
  totalSum += sum
  totalQty += order.qty

  const row = [
    String(order.id).padEnd(4),
    order.product.padEnd(20),
    (order.price + ' ₽').padEnd(9),
    String(order.qty).padEnd(8),
    sum + ' ₽'
  ].join('| ')

  console.log(row)
})

// tfoot — итоговая строка
console.log('----|--------------------|---------|--------|------')
console.log('ИТОГО: ' + totalQty + ' товаров на сумму ' + totalSum + ' ₽')