let faqCount = 1;
let faq_url = window.location.href;
$(document).ready(function () {
  getFAQ();
});

//Function to fetch FAQ table
function getFAQ() {
  showLoader();
  $("#accordion-faq").children().remove();
  apiService
    .getItems("exparte_expartefaqs")
    .then((data) => {
      let select = "";
      if (faq_url.indexOf("en-US") > -1) {
        data.value.forEach((element) => {
          select += `
          <div class="accordion-item">
                  <h2 class="accordion-header" id="heading-${faqCount}">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-${faqCount}" aria-expanded="false" aria-controls="collapse-${faqCount}">
                    
                    ${element["exparte_question"]}
                    </button>
                  </h2>
                  <div id="collapse-${faqCount}" class="accordion-collapse collapse" aria-labelledby="heading-${faqCount}" data-bs-parent="#accordion-faq">
                    <div class="accordion-body">
                     <p>${element["exparte_answer"]}</p>
                  </div>
                </div>
            </div>
          `;
          faqCount++;
        });
      } else if (faq_url.indexOf("ru-RU") > -1) {
        data.value.forEach((element) => {
          select += `
          <div class="accordion-item">
                  <h2 class="accordion-header" id="heading-${faqCount}">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-${faqCount}" aria-expanded="false" aria-controls="collapse-${faqCount}">
                    
                    ${element["exparte_question_russian"]}
                    </button>
                  </h2>
                  <div id="collapse-${faqCount}" class="accordion-collapse collapse" aria-labelledby="heading-${faqCount}" data-bs-parent="#accordion-faq">
                    <div class="accordion-body">
                     <p>${element["exparte_answer_russian"]}</p>
                  </div>
                </div>
            </div>
          `;
          faqCount++;
        });
      } else if (faq_url.indexOf("vi-VN") > -1) {
        data.value.forEach((element) => {
          select += `
        <div class="accordion-item">
                <h2 class="accordion-header" id="heading-${faqCount}">
                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-${faqCount}" aria-expanded="false" aria-controls="collapse-${faqCount}">
                  
                  ${element["exparte_question_vietnamese"]}
                  </button>
                </h2>
                <div id="collapse-${faqCount}" class="accordion-collapse collapse" aria-labelledby="heading-${faqCount}" data-bs-parent="#accordion-faq">
                  <div class="accordion-body">
                   <p>${element["exparte_answer_vietnamese"]}</p>
                </div>
              </div>
          </div>
        `;
          faqCount++;
        });
      } else if (faq_url.indexOf("es-ES") > -1) {
        data.value.forEach((element) => {
          select += `
      <div class="accordion-item">
              <h2 class="accordion-header" id="heading-${faqCount}">
                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-${faqCount}" aria-expanded="false" aria-controls="collapse-${faqCount}">
                
                ${element["exparte_question_spanish"]}
                </button>
              </h2>
              <div id="collapse-${faqCount}" class="accordion-collapse collapse" aria-labelledby="heading-${faqCount}" data-bs-parent="#accordion-faq">
                <div class="accordion-body">
                 <p>${element["exparte_answer_spanish"]}</p>
              </div>
            </div>
        </div>
      `;
          faqCount++;
        });
      }
      $("#accordion-faq").append(select);
      hideLoader();
    })
    .catch((error) => {
      hideLoader();
      showToast("failure");
      console.error("Failed to get FAQs", error);
      appInsights.trackException({exception: error});
    });
}