<% values.forEach((item) => {
  const id = String(item.id || item._id || '');
  const active = item.isActive !== false;
  const displayName = item.name?.[lang] || item.name?.ar || item.name?.en || '—';
  const parentName = item.attribute?.name?.[lang] || item.attribute?.name?.ar || '—';
%>
  <article class="cc-row" id="tr<%= id %>" data-cc-id="<%= id %>">
    <div class="cc-row__identity">
      <% if (cfg.hasColor && item.colorCode) { %>
        <span class="cc-avatar cc-avatar--image" style="background:<%= item.colorCode %>" aria-label="<%= item.colorCode %>"></span>
      <% } else { %>
        <span class="cc-avatar"><i class="ti ti-dimensions" aria-hidden="true"></i></span>
      <% } %>
      <div class="cc-row__copy">
        <span class="cc-row__kicker"><%= i18n.__('catalogCommerce.attributeValue') %></span>
        <h2><%= displayName %></h2>
        <p><%= parentName %></p>
      </div>
    </div>
    <div class="cc-row__facts">
      <span class="cc-fact"><small><%= i18n.__('attributes.attribute') %></small><strong><%= parentName %></strong></span>
      <span class="cc-fact"><small><%= i18n.__('attributes.valueNameAr') %></small><strong dir="rtl"><%= item.name?.ar || '—' %></strong></span>
      <span class="cc-fact"><small><%= i18n.__('attributes.valueNameEn') %></small><strong dir="ltr"><%= item.name?.en || '—' %></strong></span>
      <span class="cc-fact"><small><%= i18n.__('attributes.status') %></small><strong><span class="cc-status cc-status--<%= active ? 'active' : 'inactive' %>"><%= active ? i18n.__('common.enable') : i18n.__('common.disable') %></span></strong></span>
    </div>
    <div class="cc-row__actions">
      <a class="cc-action" href="<%= cfg.base %>/edit/<%= id %>" title="<%= i18n.__('common.edit') %>"><i class="ti ti-edit"></i></a>
      <button class="cc-action" type="button" data-cc-action="status" data-method="PATCH"
        data-url="<%= cfg.base %>/showHide/<%= id %>"
        data-confirm-message="<%= i18n.__('catalogCommerce.attributeValueStatusConfirmation') %>"
        title="<%= active ? i18n.__('common.disable') : i18n.__('common.enable') %>"><i class="ti ti-toggle-<%= active ? 'right' : 'left' %>"></i></button>
      <button class="cc-action cc-action--danger" type="button" data-cc-action="delete" data-method="DELETE"
        data-id="<%= id %>" data-url="<%= cfg.base %>/delete"
        data-confirm-message="<%= i18n.__('catalogCommerce.attributeValueDeleteConfirmation') %>"
        title="<%= i18n.__('common.delete') %>"><i class="ti ti-trash"></i></button>
    </div>
  </article>
<% }) %>
