<% fqs.forEach(function(item) { %>
  <article class="kt-ops-row kt-ops-row--info" data-ops-row data-ops-row-id="<%= item.id %>" role="listitem">
    <input class="kt-ops-check" type="checkbox" value="<%= item.id %>" data-ops-row-checkbox aria-label="<%= i18n.__('operationsContent.selectRow') %>">
    <div class="kt-ops-row__identity">
      <span class="kt-ops-avatar"><i class="ti ti-help"></i></span>
      <div class="kt-ops-row__copy">
        <span class="kt-ops-row__eyebrow"><%= i18n.__('fqs.fq') %></span>
        <h3 class="kt-ops-row__title"><%= item.localizedQuestion || i18n.__('operationsContent.noData') %></h3>
        <p class="kt-ops-row__subtitle kt-ops-faq-preview"><%= item.question?.[lang === 'ar' ? 'en' : 'ar'] || '' %></p>
      </div>
    </div>
    <div class="kt-ops-meta">
      <span class="kt-ops-meta__label"><%= i18n.__('operationsContent.answer') %></span>
      <strong class="kt-ops-faq-preview"><%= item.localizedAnswer || i18n.__('operationsContent.noData') %></strong>
    </div>
    <div class="kt-ops-meta">
      <span class="kt-ops-meta__label"><%= i18n.__('operationsContent.createdAt') %></span>
      <time datetime="<%= item.createdAt ? new Date(item.createdAt).toISOString() : '' %>"><%= item.createdAt ? moment(item.createdAt).locale(lang).format('YYYY/MM/DD') : i18n.__('operationsContent.noData') %></time>
    </div>
    <div class="kt-ops-row__actions">
      <button class="kt-ops-action" type="button" data-ops-preview
        data-ops-preview-title="<%= item.localizedQuestion %>"
        data-ops-preview-primary="<%= item.question?.ar %>&#10;&#10;<%= item.answer?.ar %>"
        data-ops-preview-secondary="<%= item.question?.en %>&#10;&#10;<%= item.answer?.en %>">
        <i class="ti ti-maximize"></i><span><%= i18n.__('operationsContent.preview') %></span>
      </button>
      <a class="kt-ops-action" href="/dashboard/fqs/show/<%= item.id %>"><i class="ti ti-eye"></i><span><%= i18n.__('operationsContent.view') %></span></a>
      <a class="kt-ops-action" href="/dashboard/fqs/edit/<%= item.id %>"><i class="ti ti-edit"></i><span><%= i18n.__('operationsContent.edit') %></span></a>
      <button class="kt-ops-action kt-ops-action--danger" type="button" data-ops-delete data-ops-delete-id="<%= item.id %>"
        data-ops-delete-url="/dashboard/fqs/delete"><i class="ti ti-trash"></i><span><%= i18n.__('operationsContent.delete') %></span></button>
    </div>
  </article>
<% }) %>
