// Данные каталога: гүл түрі / кімге беруге болады / бір шетес бағасы
var FLOWERS = [
  { name: "Ромашка", for: "Шырақ, ұстаз, көрші-қонақ", note: "Жай ғана қуаныш көрсетудің ең классикалық жолы." },
  { name: "Ақгүл", for: "Ана, апай, қарындас", note: "Сыйластық пен қорғаудың символы — 8 Mart-ның батыры." },
  { name: "Роза", for: "Жұбайға, артық адамға", note: "Ашық сезімнің символы: қызыл — ашық сезім, ақ — таза ниет." },
  { name: "Тюльпан", for: "Жұбайға, достық сый ретінде", note: "Байырмен басталған күндердің символы — қуаныш нұрландырады." },
  { name: "Гортензия", for: "Жеке үйге, кеңесті көрсету", note: "Толықтай ысқыш, суықта 2-3 аптаға дейін ұзақ тұрады." },
  { name: "Лаванда", for: "Жұбайға, көңілді көтергіш", note: "Серенілік пен тыныштық — құмарланған адамға." },
  { name: "Гвоздика", for: "Ата, аға, ардагер", note: "Құрмет пен алғыс көрсетуінің көрнекі белгісі." },
  { name: "Хризантема", for: "Ана, достық құбыстық", note: "Күзгі фаворит: сақталады, сәнді және жағымды." },
  { name: "Асаға", for: "Жылы гүлхана, жақын адамға", note: "Жайлылық пен сереннің көрнекі белгісі." },
  { name: "Пион", for: "Жұбайға, маңызды сәтке", note: "Нармалы — шектеулі маусым: мамыр–маусым." },
  { name: "Альстрөмерия", for: "Мәнерлі сыйлық қаласа", note: "Сирек, сәнді — букетке ерекше мәнер береді." },
  { name: "Жұлдызды тәңірі", for: "Ардақталған адамға, мерекеге", note: "Шылажай, жылы күзгі гүл — жылы естелік қалдырады." }
];

var PRICES = {
  "Ромашка": 600,
  "Ақгүл": 800,
  "Роза": 1500,
  "Тюльпан": 700,
  "Гортензия": 2500,
  "Лаванда": 900,
  "Гвоздика": 500,
  "Хризантема": 800,
  "Асаға": 1000,
  "Пион": 2200,
  "Альстрөмерия": 1800,
  "Жұлдызды тәңірі": 1200
};

function renderCatalog() {
  var grid = document.getElementById("catalog-grid");
  if (!grid) return;
  var html = '<div class="kt-ai-grid" data-cols="3">';
  FLOWERS.forEach(function (f) {
    html += '<article class="kt-ai-tile">'
      + "<h3>" + f.name + "</h3>"
      + "<p>" + f.note + "</p>"
      + '<span class="kt-ai-chip" data-tone="blue">кімге: ' + f.for + "</span>"
      + '<div class="price-tag">' + PRICES[f.name].toLocaleString("kk-KZ") + " ₸ <small>/ 1 шетес</small></div>"
      + "</article>";
  });
  html += "</div>";
  grid.innerHTML = html;
}

document.addEventListener("DOMContentLoaded", renderCatalog);