<% const isAr = lang !== 'en'; %>
<section class="kt-info-resource" data-info-resource="sliders">
  <header class="kt-info-resource__hero">
    <div class="kt-info-resource__identity">
      <span class="kt-info-resource__icon" aria-hidden="true"><i class="ti ti-slideshow"></i></span>
      <div>
        <p class="kt-info-resource__eyebrow"><%= isAr ? 'محتوى واجهة المنصة' : 'Storefront content' %></p>
        <h1 class="kt-info-resource__title"><%= title %></h1>
        <p class="kt-info-resource__subtitle"><%= isAr ? 'نظّم الشرائح المرئية ورسائلها من مساحة تحرير واحدة واضحة.' : 'Manage visual slides and their messages from one clear editing workspace.' %></p>
      </div>
    </div>
    <div class="kt-info-resource__summary" aria-label="<%= isAr ? 'إجمالي الشرائح' : 'Total slides' %>">
      <span class="kt-info-resource__summary-icon"><i class="ti ti-photo"></i></span>
      <span class="kt-info-resource__summary-copy"><span><%= isAr ? 'إجمالي الشرائح' : 'Total slides' %></span><strong><%= sliders.length %></strong></span>
    </div>
  </header>

  <article class="kt-info-resource__panel">
    <header class="kt-info-resource__panel-head">
      <div class="kt-info-resource__panel-title">
        <span class="kt-info-resource__panel-icon"><i class="ti ti-layout-cards"></i></span>
        <div><h2><%= isAr ? 'مكتبة الشرائح' : 'Slides library' %></h2><p><%= isAr ? 'الصورة والعنوان والوصف وإجراءات الإدارة.' : 'Image, title, description, and management actions.' %></p></div>
      </div>
      <div class="kt-info-resource__toolbar">
        <a href="/dashboard/infoSliders/create" class="kt-info-resource__action kt-info-resource__action--primary"><i class="ti ti-plus"></i><span><%= i18n.__('common.add') %></span></a>
        <button type="button" data-route="/dashboard/infoSliders/delete" class="kt-info-resource__action kt-info-resource__action--danger delete_all_button" style="display:none"><i class="ti ti-trash"></i><span><%= i18n.__('common.deleteSelector') %></span></button>
        <button type="button" class="kt-info-resource__action reloadTable"><i class="ti ti-refresh reloadTable"></i><span><%= i18n.__('common.refresh') %></span></button>
      </div>
    </header>
    <div class="kt-info-resource__body table_content_append"><%- include('./dataTable.ejs', { sliders }) %></div>
  </article>
</section>

<%- include('../../includes/deleteAll.ejs'), { i18n } %>
<%- include('../../includes/deleteOne.ejs'), { i18n } %>
<%- include('../../includes/filter.ejs', { filterData }) %>
<%- include('../../includes/truncateText.ejs'), { i18n } %>
