"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.initTicketsSection = initTicketsSection;
const list_js_1 = require("./list.js");
const pipeline_js_1 = require("./pipeline.js");
const sla_js_1 = require("./sla.js");
const automations_js_1 = require("./automations.js");
const kb_js_1 = require("./kb.js");
async function initTicketsSection(guildId) {
    const section = document.getElementById('section-tickets');
    if (!section)
        return;
    section.innerHTML = `
    <h2 class="section-title">Tickets</h2>
    <div class="tickets-grid">
      <div class="card" id="tickets-list"></div>
      <div class="card" id="tickets-pipeline"></div>
      <div class="card" id="tickets-sla"></div>
    </div>
    <div class="grid" style="margin-top:16px;">
      <div class="card" id="tickets-automations"></div>
      <div class="card" id="tickets-kb"></div>
    </div>
  `;
    await Promise.all([
        (0, list_js_1.renderTicketList)(guildId),
        (0, pipeline_js_1.renderPipeline)(guildId),
        (0, sla_js_1.renderSla)(guildId),
        (0, automations_js_1.renderAutomations)(guildId),
        (0, kb_js_1.renderKb)(guildId)
    ]);
}