<%- include('../operationsContent/assets.ejs') %>
<main class="kt-ops" data-ops-page>
  <div class="kt-ops__stack">
    <%- include('../operationsContent/hero.ejs', {
      heading: i18n.__('common.show {{module}}', { module: i18n.__('fqs.fq') }),
      description: i18n.__('operationsContent.detailsDescription'),
      icon: 'ti-help-hexagon', count: 0, showCount: false,
      primaryUrl: '/dashboard/fqs/edit/' + fqs.id,
      primaryLabel: i18n.__('operationsContent.edit'), primaryIcon: 'ti-edit',
      backUrl: '/dashboard/fqs'
    }) %>
    <section class="kt-ops-section">
      <header class="kt-ops-section__header"><span class="kt-ops-section-icon"><i class="ti ti-messages"></i></span><div><h2><%= i18n.__('operationsContent.contentSection') %></h2><p><%= i18n.__('operationsContent.detailsDescription') %></p></div></header>
      <div class="kt-ops-section__body">
        <div class="kt-ops-form-grid">
          <section class="kt-ops-language-card" dir="rtl" lang="ar">
            <div class="kt-ops-language-card__head"><strong><%= i18n.__('operationsContent.arabic') %></strong><span class="kt-ops-language-chip kt-ops-language-chip--ar">AR · عربي</span></div>
            <div class="kt-ops-detail"><span class="kt-ops-detail__label"><%= i18n.__('fqs.questionAr') %></span><div class="kt-ops-content-block"><%= fqs.question?.ar || i18n.__('operationsContent.noData') %></div></div>
            <div class="kt-ops-detail"><span class="kt-ops-detail__label"><%= i18n.__('fqs.answerAr') %></span><div class="kt-ops-content-block"><%= fqs.answer?.ar || i18n.__('operationsContent.noData') %></div></div>
          </section>
          <section class="kt-ops-language-card" dir="ltr" lang="en">
            <div class="kt-ops-language-card__head"><strong><%= i18n.__('operationsContent.english') %></strong><span class="kt-ops-language-chip">EN · English</span></div>
            <div class="kt-ops-detail"><span class="kt-ops-detail__label"><%= i18n.__('fqs.questionEn') %></span><div class="kt-ops-content-block"><%= fqs.question?.en || i18n.__('operationsContent.noData') %></div></div>
            <div class="kt-ops-detail"><span class="kt-ops-detail__label"><%= i18n.__('fqs.answerEn') %></span><div class="kt-ops-content-block"><%= fqs.answer?.en || i18n.__('operationsContent.noData') %></div></div>
          </section>
        </div>
      </div>
    </section>
  </div>
</main>
<%- include('../operationsContent/scripts.ejs') %>
