<% sliders.forEach(function(item) { %>
  <article class="kt-ops-row <%= item.isActive ? 'kt-ops-row--success' : 'kt-ops-row--warning' %>"
    data-ops-row data-ops-row-id="<%= item.sliderId %>" role="listitem">
    <input class="kt-ops-check" type="checkbox" value="<%= item.sliderId %>" 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 aria-hidden="true">
          <i class="ti ti-photo-off"></i>
        </span>
      </div>
      <div class="kt-ops-row__copy">
        <span class="kt-ops-row__eyebrow"><%= i18n.__('operationsContent.description') %></span>
        <h3 class="kt-ops-row__title"><%= item.description?.[lang] || i18n.__('operationsContent.noData') %></h3>
        <p class="kt-ops-row__subtitle" dir="<%= lang === 'ar' ? 'rtl' : 'ltr' %>">
          <%= item.description?.[lang === 'ar' ? 'en' : 'ar'] || i18n.__('operationsContent.noData') %>
        </p>
      </div>
    </div>
    <div class="kt-ops-meta">
      <span class="kt-ops-meta__label"><%= i18n.__('operationsContent.status') %></span>
      <span class="kt-ops-status <%= item.isActive ? 'kt-ops-status--success' : 'kt-ops-status--warning' %>">
        <%= i18n.__(item.isActive ? 'operationsContent.active' : 'operationsContent.inactive') %>
      </span>
    </div>
    <div class="kt-ops-meta">
      <span class="kt-ops-meta__label"><%= i18n.__('operationsContent.createdAt') %></span>
      <time><%= item.createdAt || i18n.__('operationsContent.noData') %></time>
    </div>
    <div class="kt-ops-row__actions">
      <a class="kt-ops-action" href="/dashboard/sliders/show/<%= item.sliderId %>">
        <i class="ti ti-eye" aria-hidden="true"></i><span><%= i18n.__('operationsContent.view') %></span>
      </a>
      <a class="kt-ops-action" href="/dashboard/sliders/edit/<%= item.sliderId %>">
        <i class="ti ti-edit" aria-hidden="true"></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.sliderId %>" data-ops-delete-url="/dashboard/sliders/delete">
        <i class="ti ti-trash" aria-hidden="true"></i><span><%= i18n.__('operationsContent.delete') %></span>
      </button>
    </div>
  </article>
<% }) %>
