"use strict";

(function () {
  const tools = {
    version: "1.2.0",
    ready: true,
    items: [
      {
        id: "tool-report-btn",
        icon: "📄",
        featured: true,
        kicker: "\u0413\u043b\u0430\u0432\u043d\u043e\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435",
        title: "\u0421\u043a\u0430\u0447\u0430\u0442\u044c PDF-\u043e\u0442\u0447\u0435\u0442",
        text: "\u0411\u044b\u0441\u0442\u0440\u043e \u0432\u044b\u0433\u0440\u0443\u0437\u0438\u0442\u0435 \u043e\u0442\u0447\u0435\u0442 \u0437\u0430 \u043d\u0443\u0436\u043d\u044b\u0439 \u043f\u0435\u0440\u0438\u043e\u0434 \u0431\u0435\u0437 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0430 \u0432 Telegram.",
        chips: ["7 / 30 \u0434\u043d\u0435\u0439", "\u0412 1 \u043a\u043b\u0438\u043a"],
      },
      {
        id: "tool-forecast-btn",
        icon: "🔮",
        status: "\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c",
        title: "\u041f\u0440\u043e\u0433\u043d\u043e\u0437 \u043f\u043e \u043f\u0435\u0440\u0438\u043e\u0434\u0443",
        text: "\u041f\u043e\u043d\u044f\u0442\u044c, \u0447\u0435\u043c \u043c\u043e\u0436\u0435\u0442 \u0437\u0430\u043a\u043e\u043d\u0447\u0438\u0442\u044c\u0441\u044f \u0442\u0435\u043a\u0443\u0449\u0438\u0439 \u043f\u0435\u0440\u0438\u043e\u0434 \u043f\u043e \u0440\u0430\u0441\u0445\u043e\u0434\u0443, \u043a\u043b\u0438\u043a\u0430\u043c \u0438 \u0434\u0438\u043d\u0430\u043c\u0438\u043a\u0435.",
      },
      {
        id: "tool-business-btn",
        icon: "💰",
        status: "\u041a\u043e\u043d\u0442\u0440\u043e\u043b\u044c",
        title: "\u0411\u0438\u0437\u043d\u0435\u0441-\u043c\u0435\u0442\u0440\u0438\u043a\u0438",
        text: "\u0421\u0440\u0430\u0432\u043d\u0438\u0442\u0435 \u0440\u0430\u0441\u0445\u043e\u0434, \u0437\u0430\u044f\u0432\u043a\u0438, \u043f\u0440\u043e\u0434\u0430\u0436\u0438 \u0438 \u0432\u044b\u0440\u0443\u0447\u043a\u0443, \u0447\u0442\u043e\u0431\u044b \u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043d\u0430 \u0440\u0435\u043a\u043b\u0430\u043c\u0443 \u0447\u0435\u0440\u0435\u0437 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442.",
      },
      {
        id: "tool-segments-btn",
        icon: "🧭",
        status: "\u041d\u0430\u0439\u0442\u0438",
        title: "\u0421\u0435\u0433\u043c\u0435\u043d\u0442\u044b",
        text: "\u041d\u0430\u0439\u0434\u0438\u0442\u0435 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430, \u0440\u0435\u0433\u0438\u043e\u043d\u044b \u0438 \u0441\u0440\u0435\u0437\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0442\u044f\u043d\u0443\u0442 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0432\u043d\u0438\u0437 \u0438\u043b\u0438 \u0441\u044a\u0435\u0434\u0430\u044e\u0442 \u0431\u044e\u0434\u0436\u0435\u0442.",
      },
      {
        id: "tool-review-btn",
        icon: "🧠",
        status: "\u0427\u0435\u043a-\u043b\u0438\u0441\u0442",
        title: "\u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u043a\u0430\u043c\u043f\u0430\u043d\u0438\u0438",
        text: "\u0411\u044b\u0441\u0442\u0440\u044b\u0439 \u0447\u0435\u043a-\u043b\u0438\u0441\u0442 \u043f\u043e \u043a\u0430\u043c\u043f\u0430\u043d\u0438\u0438: \u0441\u0442\u0430\u0442\u0443\u0441, \u0440\u0430\u0441\u0445\u043e\u0434, \u043a\u043b\u0438\u043a\u0438, CTR \u0438 \u0437\u0430\u043c\u0435\u0442\u043d\u044b\u0435 \u0441\u043b\u0430\u0431\u044b\u0435 \u043c\u0435\u0441\u0442\u0430.",
      },
      {
        id: "tool-settings-btn",
        icon: "⚙",
        status: "\u041d\u0430\u0441\u0442\u0440\u043e\u0438\u0442\u044c",
        title: "\u041f\u043e\u0440\u043e\u0433\u0438 \u0438 \u0443\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u044f",
        text: "\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u0442\u0435 \u043b\u0438\u043c\u0438\u0442\u044b \u0440\u0430\u0441\u0445\u043e\u0434\u0430, \u043a\u043b\u0438\u043a\u043e\u0432 \u0438 \u0441\u0438\u0433\u043d\u0430\u043b\u043e\u0432, \u0447\u0442\u043e\u0431\u044b \u043a\u0430\u0431\u0438\u043d\u0435\u0442 \u043f\u0440\u0435\u0434\u0443\u043f\u0440\u0435\u0436\u0434\u0430\u043b \u0432\u0430\u0441 \u0432\u043e\u0432\u0440\u0435\u043c\u044f.",
      },
    ],
    getBindings() {
      return [
        ["tool-report-btn", "openReportModal"],
        ["bottom-report-btn", "openReportModal"],
        ["header-report-btn", "openReportModal"],
        ["sidebar-report-btn", "openReportModal"],
        ["open-settings-btn", "openSettingsModal"],
        ["tool-settings-btn", "openSettingsModal"],
        ["tool-forecast-btn", "openForecastModal"],
        ["tool-business-btn", "openBusinessMetricsModal"],
        ["tool-segments-btn", "openSegmentsModal"],
        ["tool-review-btn", "openReviewModal"],
        ["tool-review-inline-btn", "openReviewModal"],
      ];
    },
    renderCards() {
      const grid = document.getElementById("tools-grid");
      if (!grid || grid.dataset.renderedByTools === "1") return;

      grid.innerHTML = this.items.map((item) => {
        if (item.featured) {
          return `
            <button id="${item.id}" class="glass-card p-5 text-left text-white tool-card tool-card-featured hover:bg-white/5 transition md:col-span-2 xl:col-span-3">
              <div class="tool-card-shell">
                <div class="tool-card-head">
                  <div>
                    <div class="tool-card-kicker">${item.kicker || ""}</div>
                    <div class="text-xl font-black mt-3">${item.title}</div>
                  </div>
                  <div class="text-3xl">${item.icon}</div>
                </div>
                <p class="tool-card-desc">${item.text}</p>
                <div class="tool-card-meta">
                  ${(item.chips || []).map((chip) => `<span class="tool-card-chip">${chip}</span>`).join("")}
                </div>
              </div>
            </button>
          `;
        }

        return `
          <button id="${item.id}" class="glass-card p-5 text-left text-white tool-card hover:bg-white/5 transition">
            <div class="tool-card-shell">
              <div class="tool-card-head">
                <div class="text-2xl">${item.icon}</div>
                <div class="tool-card-status">${item.status || ""}</div>
              </div>
              <div class="text-sm font-black">${item.title}</div>
              <p class="tool-card-desc">${item.text}</p>
            </div>
          </button>
        `;
      }).join("");

      grid.dataset.renderedByTools = "1";
    },
    bindAvailableButtons() {
      this.getBindings().forEach(([id, handlerName]) => {
        const node = document.getElementById(id);
        const handler = window[handlerName];
        if (!node || typeof handler !== "function" || node.dataset.toolBound === "1") return;
        node.dataset.toolBound = "1";
        node.addEventListener("click", handler);
      });
    },
    init() {
      this.renderCards();
      this.bindAvailableButtons();
    },
  };

  if (document.readyState === "loading") {
    document.addEventListener("DOMContentLoaded", () => tools.init(), { once: true });
  } else {
    tools.init();
  }

  window.YAStatsCabinet = window.YAStatsCabinet || {};
  window.YAStatsCabinet.tools = tools;
})();