<%- 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: notification.title || i18n.__('notifications.showNotification'), description: notification.sendInfo?.senderName || notification.senderName || '', icon: 'ti-bell', count: 0, showCount: false, primaryUrl: null, backUrl: '/dashboard/notifications/showNotifications' }) %>
    <section class="kt-ops-section">
      <header class="kt-ops-section__header"><span class="kt-ops-section-icon"><i class="ti ti-message"></i></span><div><h2><%= i18n.__('notifications.notificationContent') %></h2><p><%= notification.timeAdd || '' %></p></div></header>
      <div class="kt-ops-section__body">
        <div class="kt-ops-details-grid">
          <div class="kt-ops-detail"><span class="kt-ops-detail__label"><%= i18n.__('notifications.senderName') %></span><strong class="kt-ops-detail__value"><%= notification.sendInfo?.senderName || notification.senderName || '-' %></strong></div>
          <div class="kt-ops-detail"><span class="kt-ops-detail__label"><%= i18n.__('systemFinance.status') %></span><strong class="kt-ops-detail__value"><%= notification.status || '-' %></strong></div>
          <div class="kt-ops-detail kt-ops-detail--wide"><span class="kt-ops-detail__label"><%= i18n.__('notifications.notificationTitle') %></span><strong class="kt-ops-detail__value"><%= notification.title || '-' %></strong></div>
          <div class="kt-ops-detail kt-ops-detail--wide"><span class="kt-ops-detail__label"><%= i18n.__('notifications.notificationContent') %></span><div class="kt-ops-content-block"><%= notification.message || '-' %></div></div>
        </div>
      </div>
      <footer class="kt-ops-details__footer">
        <% if (notification.isClickable) { %><a class="kt-ops-btn kt-ops-btn--primary" href="<%= notification.url %>"><i class="ti ti-external-link"></i><%= i18n.__('notifications.openDashboardRecord') %></a><% } %>
        <% if (notification.isClickableDetails) { %><a class="kt-ops-btn" href="<%= notification.detailsUrl %>"><i class="ti ti-list-details"></i><%= i18n.__('notifications.openRelatedDetails') %></a><% } %>
      </footer>
    </section>
  </div>
</main>
<%- include('../systemFinance/scripts.ejs') %>
