import { getAllItemTypes, getAllLines } from "../lines-rest-api.js";
import { indexPageCatalog } from "../lines-ui.js";
import { getProductItem } from "./getProductItem.js";

// Проверка, есть ли вообще на странице каталога место,
// где будут отображаться карточки
if (indexPageCatalog) {
  drawCatalog();
}

async function drawCatalog() {
  try {
    // Получаю все типы
    const itemTypes = await getAllItemTypes();
    // Получаю все товары
    const lines = await getAllLines();
    
    // Бегу по товарам через for
    for (let i = 0; i < lines.length; i++) {
      const line = lines[i];
      // Получаею его тип
      const itemType = itemTypes.find(it => it.id === +line.itemsId);


      // console.log(itemType);

      // добавление в каталог карточек товара через функцию
      indexPageCatalog.innerHTML += getProductItem(line.image, itemType.name, line.price);
    }
  } catch (err) {
    console.log(err);
  }
}