//testimonials begin
const main = () => {

  // 1. Array of PDF data (Easily updatable or fetchable via API)
  const testimonials = [
    {
      id: 1,
      company: "TechFlow Industries",
      description:
        "Read how our manufacturing solutions increased TechFlow's Q3 efficiency by 40%.",
      pdfUrl:
        "https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf",
    },
    {
      id: 2,
      company: "Global Logistics Corp",
      description:
        "A detailed breakdown of the supply chain optimization implemented in 2024.",
      pdfUrl:
        "https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf",
    },
    {
      id: 3,
      company: "Apex Solutions",
      description:
        "Client feedback and performance metrics from our latest enterprise deployment.",
      pdfUrl:
        "https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf",
    },
  ];

  const gridContainer = document.getElementById("testimonial-grid");

  // 2. Function to generate the HTML structure for a single card
  const generateCardHTML = (item) => {
    return `
            <article class="pdf-card">
                <i class="fa-solid fa-file-pdf pdf-icon"></i>
                <h3 class="pdf-title">${item.company}</h3>
                <p class="pdf-desc">${item.description}</p>
                
                <!-- target="_blank" ensures the PDF opens in a new tab -->
                <a href="${item.pdfUrl}" target="_blank" rel="noopener noreferrer" class="pdf-btn">
                    <i class="fa-solid fa-eye"></i> View PDF
                </a>
            </article>
        `;
  };

  // 3. Map through the data array, create the HTML, and inject it into the DOM
  gridContainer.innerHTML = testimonials
    .map((item) => generateCardHTML(item))
    .join("");

};

document.addEventListener("oms_getTemplateListSuccess", main);

//testimonials end