<%- include('../systemFinance/assets.ejs') %>
<main class="kt-ops kt-finance" data-ops-page data-finance-page>
  <div class="kt-ops__stack">
    <%- include('../systemFinance/hero.ejs', { heading: i18n.__('home.statistics'), description: i18n.__('systemFinance.statisticsDescription'), icon: 'ti-chart-donut', count: 0, showCount: false, primaryUrl: null, backUrl: referer || '/dashboard/statistics/index' }) %>
    <section class="kt-ops-section">
      <header class="kt-ops-section__header"><span class="kt-ops-section-icon"><i class="ti ti-report-analytics"></i></span><div><h2><%= i18n.__('home.statistics') %></h2><p><%= i18n.__('systemFinance.statisticsDataHint') %></p></div></header>
      <div class="kt-ops-section__body">
        <div class="kt-finance-stat-grid">
          <article class="kt-finance-stat"><i class="ti ti-bolt"></i><strong><%= data?.urgentOrderCount || 0 %></strong><span><%= i18n.__('urgentOrder') %></span></article>
          <article class="kt-finance-stat"><i class="ti ti-package"></i><strong><%= data?.bouquetOrderCount || 0 %></strong><span><%= i18n.__('bouquetOrder') %></span></article>
          <article class="kt-finance-stat"><i class="ti ti-tag"></i><strong><%= data?.offerPriceOrderCount || 0 %></strong><span><%= i18n.__('offerPriceOrder') %></span></article>
        </div>
      </div>
    </section>
  </div>
</main>
<%- include('../systemFinance/scripts.ejs') %>
