<%- include('partials/header', { title }) %>

<div class="admin-stat-grid">
  <div class="admin-stat-card">
    <div class="admin-stat-card__value"><%= counts.companies %></div>
    <div class="admin-stat-card__label">Portfolio Companies</div>
    <a href="/admin/companies">Manage →</a>
  </div>
  <div class="admin-stat-card">
    <div class="admin-stat-card__value"><%= counts.articles %></div>
    <div class="admin-stat-card__label">Insights Articles</div>
    <a href="/admin/articles">Manage →</a>
  </div>
  <div class="admin-stat-card">
    <div class="admin-stat-card__value"><%= counts.team %></div>
    <div class="admin-stat-card__label">Active Team Members</div>
    <a href="/admin/team">Manage →</a>
  </div>
  <div class="admin-stat-card">
    <div class="admin-stat-card__value"><%= counts.jobs %></div>
    <div class="admin-stat-card__label">Open Positions</div>
    <a href="/admin/jobs">Manage →</a>
  </div>
</div>

<div class="admin-stat-grid">
  <div class="admin-stat-card <%= counts.newFounderApps > 0 ? 'is-alert' : '' %>">
    <div class="admin-stat-card__value"><%= counts.newFounderApps %></div>
    <div class="admin-stat-card__label">New Founder Applications</div>
    <a href="/admin/applications/founders">Review →</a>
  </div>
  <div class="admin-stat-card <%= counts.newJobApps > 0 ? 'is-alert' : '' %>">
    <div class="admin-stat-card__value"><%= counts.newJobApps %></div>
    <div class="admin-stat-card__label">New Job Applications</div>
    <a href="/admin/applications/jobs">Review →</a>
  </div>
  <div class="admin-stat-card <%= counts.newContacts > 0 ? 'is-alert' : '' %>">
    <div class="admin-stat-card__value"><%= counts.newContacts %></div>
    <div class="admin-stat-card__label">Unread Messages</div>
    <a href="/admin/messages">Review →</a>
  </div>
  <div class="admin-stat-card">
    <div class="admin-stat-card__value"><%= counts.subscribers %></div>
    <div class="admin-stat-card__label">Newsletter Subscribers</div>
    <a href="/admin/newsletter">View →</a>
  </div>
</div>

<div class="admin-panel">
  <h3>Recent Activity</h3>
  <% if (!recentActivity.length) { %>
    <p style="color: var(--ink-300); font-size: 0.875rem;">No activity recorded yet.</p>
  <% } else { %>
    <div class="table-wrap" style="border:none;">
      <table class="data-table">
        <thead><tr><th>When</th><th>Admin</th><th>Action</th><th>Entity</th></tr></thead>
        <tbody>
          <% recentActivity.forEach(function(l) { %>
            <tr>
              <td class="cell-muted"><%= new Date(l.created_at).toLocaleString('en-US') %></td>
              <td><%= l.admin_name || '—' %></td>
              <td><%= l.action %></td>
              <td class="cell-muted"><%= l.entity ? `${l.entity} #${l.entity_id}` : '—' %></td>
            </tr>
          <% }); %>
        </tbody>
      </table>
    </div>
  <% } %>
</div>

<%- include('partials/footer') %>
