<%- include('../systemFinance/assets.ejs') %>
<main class="kt-ops kt-finance" data-ops-page data-finance-page
  data-ops-csrf-token="<%= csrfToken %>" data-ops-delete-url="/dashboard/archives/delete"
  data-ops-loading="<%= i18n.__('systemFinance.loading') %>" data-ops-refreshing="<%= i18n.__('systemFinance.refreshing') %>"
  data-ops-load-error="<%= i18n.__('systemFinance.loadError') %>" data-ops-action-success="<%= i18n.__('common.deletionSuccessMessage') %>" data-ops-action-error="<%= i18n.__('common.returnDeveloper') %>">
  <div class="kt-ops__stack">
    <%- include('../systemFinance/hero.ejs', { heading: i18n.__('archives.archives'), description: i18n.__('systemFinance.archiveDescription'), icon: 'ti-archive', count: archivesCount, primaryUrl: null, backUrl: null }) %>
    <section class="kt-ops-toolbar">
      <div class="kt-ops-toolbar__main"><span class="kt-ops-section-icon"><i class="ti ti-history"></i></span><div><h2><%= i18n.__('systemFinance.commandCenter') %></h2><p><%= i18n.__('systemFinance.commandHint') %></p></div></div>
      <div class="kt-ops-toolbar__actions"><button class="kt-ops-btn" type="button" data-ops-refresh><i class="ti ti-refresh"></i><%= i18n.__('systemFinance.refresh') %></button><button class="kt-ops-btn" type="button" data-ops-filter-toggle aria-expanded="false" aria-controls="archive-filter"><i class="ti ti-filter"></i><%= i18n.__('systemFinance.filter') %></button><button class="kt-ops-btn kt-ops-btn--danger" type="button" data-ops-bulk-delete hidden><i class="ti ti-trash"></i><%= i18n.__('systemFinance.deleteSelected') %> (<span data-ops-selection-count>0</span>)</button></div>
    </section>
    <section class="kt-ops-filter" id="archive-filter" data-ops-filter hidden>
      <header class="kt-ops-filter__header"><div class="kt-ops-filter__heading"><span class="kt-ops-section-icon"><i class="ti ti-filter"></i></span><div><h2><%= i18n.__('systemFinance.filter') %></h2><p><%= i18n.__('systemFinance.filterHint') %></p></div></div><button class="kt-ops-btn kt-ops-btn--icon" type="button" data-ops-filter-close aria-label="<%= i18n.__('systemFinance.close') %>"><i class="ti ti-x"></i></button></header>
      <form action="/dashboard/archives" method="get" data-ops-filter-form data-ops-history-url="/dashboard/archives">
        <input type="hidden" name="type" value="filter">
        <div class="kt-ops-filter__body" data-ops-filter-body><div class="kt-ops-filter__grid"><div class="kt-ops-field" data-ops-field><label for="archive-audience"><%= i18n.__('systemFinance.recipientScope') %></label><div data-ops-select><select id="archive-audience" name="userType" data-ops-native-select><option value=""><%= i18n.__('systemFinance.allOwners') %></option><option value="admin_all"><%= i18n.__('notifications.admin_all') %></option><option value="user_all"><%= i18n.__('notifications.user_all') %></option><option value="user_active"><%= i18n.__('notifications.user_active') %></option><option value="user_notActive"><%= i18n.__('notifications.user_notActive') %></option><option value="user_block"><%= i18n.__('notifications.user_block') %></option><option value="provider_all"><%= i18n.__('notifications.provider_all') %></option><option value="provider_active"><%= i18n.__('notifications.provider_active') %></option><option value="provider_notActive"><%= i18n.__('notifications.provider_notActive') %></option><option value="provider_block"><%= i18n.__('notifications.provider_block') %></option></select></div></div></div></div>
        <footer class="kt-ops-filter__footer"><button class="kt-ops-btn" type="button" data-ops-filter-reset><i class="ti ti-filter-off"></i><%= i18n.__('systemFinance.reset') %></button><button class="kt-ops-btn kt-ops-btn--primary" type="submit"><i class="ti ti-check"></i><%= i18n.__('systemFinance.apply') %></button></footer>
      </form>
    </section>
    <section class="kt-ops-resource" data-ops-resource aria-live="polite"><div class="kt-ops-loading" data-ops-loading hidden><span class="kt-ops-loading__pill"><i class="kt-ops-loading__spinner"></i><span data-ops-loading-label><%= i18n.__('systemFinance.loading') %></span></span></div><%- include('./dataTable.ejs', { archives, paginationHtml, lang }) %></section>
    <%- include('../systemFinance/deleteModal.ejs') %>
  </div>
</main>
<%- include('../systemFinance/scripts.ejs') %>
