<% intros.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">
      <div class="kt-ops-avatar" data-ops-media-wrap>
        <img src="<%= item.image %>" alt="" data-ops-media>
        <span class="kt-ops-media__fallback" data-ops-media-fallback hidden><i class="ti ti-photo-off"></i></span>
      </div>
      <div class="kt-ops-row__copy">
        <span class="kt-ops-row__eyebrow"><%= i18n.__('intros.intro') %></span>
        <h3 class="kt-ops-row__title"><%= item.title || i18n.__('operationsContent.noData') %></h3>
        <p class="kt-ops-row__subtitle" dir="<%= lang === 'ar' ? 'ltr' : 'rtl' %>"><%= item.titleTranslations?.[lang === 'ar' ? 'en' : 'ar'] || '' %></p>
      </div>
    </div>
    <div class="kt-ops-meta">
      <span class="kt-ops-meta__label"><%= i18n.__('operationsContent.description') %></span>
      <strong><%= item.description || 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">
      <a class="kt-ops-action" href="/dashboard/intros/show/<%= item.id %>"><i class="ti ti-eye"></i><span><%= i18n.__('operationsContent.view') %></span></a>
      <a class="kt-ops-action" href="/dashboard/intros/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/intros/delete"><i class="ti ti-trash"></i><span><%= i18n.__('operationsContent.delete') %></span></button>
    </div>
  </article>
<% }) %>
